浮动 float：left，right，none，注意：浮动元素会把当前的块级元素变成内联元素 清除浮动 clear：both（清除左右浮动）；left（清除左边浮动）；right（清除右边浮动）； overflow：none（清除浮动）；hidden（隐藏）；scroll（滚动）；auto（自动（ ...
分类：
Web程序 时间：
2017-06-09 14:06:25
阅读次数：
194
为什么要清除浮动 浮动会使当前标签产生向上浮的效果，导致不同浏览器在计算父级元素高度，或者显示前后标签位置的时候产生意想不到的问题。 清除浮动的方法 为父元素定义height 设置父元素浮动，同时为其设置高度 在浮动元素的后面添加一个空的div标签，并为新添加的标签设置clear：both 在浮动元 ...
分类：
其他好文 时间：
2017-06-01 16:48:23
阅读次数：
138
假如浮动也有z-index的话，三者的z-index关系是怎样的呢？ 在不手动设置z-index的情况下：fixed>absolute>float，也就是固定定位压住绝对定位，绝对定位会压住浮动元素。 如果把绝对定位的z-index设置为1就能反压住固定定位的元素了（前提是固定定位的元素没设置z-i ...
分类：
其他好文 时间：
2017-05-23 23:47:45
阅读次数：
171
大家都知道，浮动会对文档产生影响，具体来看看会对文档产生什么影响? 解析：页面开发的时候可以为父级标签添加固定高度，但是有时希望内容能够撑开高度(比如内容不固定的时候)。对于不浮动的元素来说，它们是能够撑开外部div的高度的，但是一旦浮动，元素脱离文档流，父级div就相当于没有了内容(上面的例子中类 ...
分类：
Web程序 时间：
2017-05-23 10:21:58
阅读次数：
204
1.元素浮动： 1）使用 float:left; 这样的格式设置元素的浮动方式，属性值可以是left,right； 2）元素设置为左浮动时，元素将从原区域浮动到浏览器的左侧页面；右浮动时，就会附在右侧的区域，而且元素是按照第一个元素在右侧的第一个位置，依次往左排列； 3）设置了浮动后，该元素相当于直 ...
分类：
Web程序 时间：
2017-05-21 19:47:26
阅读次数：
191
一、包含块 目的：确定元素的位置和相对大小（%） 1.正常文档流元素和浮动元素 父元素的 content-box 2.绝对定位元素 父元素的 padding-box 3.固定定位元素 视口 二、负外边距 document.documentElement.clientWidth; 视口宽度 windo ...
分类：
Web程序 时间：
2017-05-16 18:36:29
阅读次数：
216
一、浮动 float：left、right、none、inherit 浮动：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 clear:left、right、both、none、inherit 元素在某个方向上不能有浮动元素 clear：both 表示在左右两侧均不 ...
分类：
Web程序 时间：
2017-05-16 17:25:48
阅读次数：
180
浮动元素和定位元素同级，定位元素消失，代码如下： 正常显示效果如下： IE6显示如下： 解决方案：使浮动元素和定位元素不在同一级 ...
分类：
其他好文 时间：
2017-05-14 19:38:06
阅读次数：
216
两个浮动元素之间用内联元素或者注释并且和父级宽度不超过3px，IE6下出产生文字溢出bug，具体代码如下： 显示效果： 解决方案： 1、两个浮动元素之间避免出现内联元素或者注释 2、与父级宽度相差3px以上 ...
分类：
其他好文 时间：
2017-05-14 18:51:31
阅读次数：
95
1、浮动元素尾部添加空div标签，设置css为clear：both； 缺点：如果页面浮动布局多，则需要添加较多div； 2、父级元素定义伪类：after和zoom：1； 推荐使用，定义公共类，减少css代码； 3、父级元素使用overflow：hidden； 原理：父级元素还必须设置boom：1或者 ...
分类：
Web程序 时间：
2017-05-13 12:23:28
阅读次数：
203
