-
clear浮动的权宜之策: .clearfix {content: ''; display: table; clear: both;} .clearfix { *zoom: 1;}查看全部
-
方法1.在塌陷的父元素底部插入带走clear样式的div元素查看全部
-
浮动对子元素具有包裹性，对父元素具有破坏性！查看全部
-
清除浮动的方法查看全部
-
float流动布局2种使用方式: 1.HTML文档位置与页面呈现的位置相反: 如,令DIV1的样式为"float:right;".在文档中,DIV1是在DIV2前面书写的,而在页面中呈现的布局位置却是DIV2在DIV1的前面(即DIV1在DIV2的右边); 2.HTML文档位置与页面呈现的位置相同: 如:令DIV1的样式为"float:left;width:100%;(这里的宽度与父级容器的宽度相同,等于占满了父级容器)",而DIV2的样式也为"float:left;width:[宽度];margin-left:[负宽度];".在文档中,DIV1是在DIV2前面书写的,而在页面中呈现的布局位置也是DIV1在DIV2的前面(即DIV1在DIV2的左边),因为2个DIV都是float:left,都有破坏性,DIV2的margin-left是负值,等于在文档流中左移动了(PS:这里为什么是负的margin-left会影响盒子模型的原理,负margin值的用法参考http://www.cnblogs.com/2050/archive/2012/08/13/2636467.html#2457812);查看全部
-
讲的很好，赞查看全部
-
终于看完了，不用再忍受这声音了.... 谢谢老师查看全部
-
清除浮动影响有2个方法：1、clear 2、BFC/haslayout 。 其中haslayout为ie6、ie7独有。 BFC : block formating context - 块级格式化上下文 权衡后清除浮动的方法： 针对ie8+以及其他浏览器做法：.clearfix:after{content:"";display:block;height;overflow:hidden;clear:both;} 针对ie6/ie7的做法：.clearfix{*zoom:1;} .clearfix应该用在包含浮动子元素的父级元素上;避免滥用查看全部
-
DOM与显示位置匹配的单侧固定布局查看全部
-
浮动的两大特性： 1.元素block块状化（砖头化）； 2.破坏性造成的紧密排列的特性（去空格化）；查看全部
-
float查看全部
-
.clearfix应该用在包含浮动子元素的父级元素上查看全部
-
浮动的破坏性只是单纯为了实现文字环绕效果而已 ---因此，父容器高度塌陷根本就不是bug，特性使然查看全部
-
包裹：收缩、坚挺、隔绝（BFC：块级格式上下文） 破坏：父元素高度塌陷 浮动是魔鬼查看全部
-
float的设计初衷是：文字环绕查看全部
举报
0/150
提交
取消