-
浮动使父元素高度塌陷，不是bug而是标准！！ 浮动的原本作用仅仅是为了实现文字环绕效果。查看全部
-
Block Formatting context -- 块级格式化上下文查看全部
-
浮动让元素block化查看全部
-
float最初的设计初衷是做文字环绕效果查看全部
-
float本质用途是用来使文字环绕的，所以可以将被float的元素间的空格全堆在元素的旁边。查看全部
-
float最初是为了做文字环绕效果查看全部
-
【CSS】【清除浮动(带来的影响)】 方法一：在底部插入clear:both 1.HTML block水平元素放置于底部 <div ...></div> 2.CSS after伪元素在底部生成 .clearfix:after{} 方法二：父元素BFC(IE8+)或haslayout(IE6/IE7) float:left/right position:absolute/fixed overflow:hidden/scroll(IE7+) display:inline-block/table-cell(IE8+) width/height/zoom:1/...(IE7/IE7) ★由于以上两个方法各有缺点所以： 权衡后的策咯 .clearfix:after{content:''; display:block; height:0; overflow:hidden; clear:both;}(IE8+) .clearfix{*zoom:1;} (IE6/IE7) 或 .fix:after{} .fix{} ★更好的方法： .clearfix:after{content:''; display:table; clear:both;}(IE8+) .clearfix{*zoom:1;} (IE6/IE7) ★切勿滥用 .clearfix只应用在包含浮动子元素的『父级元素』上查看全部
-
IE7的浮动问题查看全部
-
自适应查看全部
-
位置匹配查看全部
-
衍生：查看全部
-
浮动的影响： 1.元素block块状化（砖头化） 2.破坏性造成的紧密排列特性（去空格化） 滥用浮动容易造成砌砖布局，砌砖布局的问题 1.容错性比较糟，容易出问题，错位 2.这种布局需要元素固定尺寸，很难重复使用 3.低版本IE下会有很多问题查看全部
-
清除浮动影响： 第一个IE8以上使用 第二个IE6/7使用查看全部
-
结论：查看全部
-
2.破坏:容器被破坏（父元素高度塌陷）查看全部
举报
0/150
提交
取消