-
.clearfix只能用在父元素上查看全部
-
最好的清除浮动的方法查看全部
-
IE8以上： .clearfix:after{content:"";display:block;height:0px;overflow:fidden;clear:both} IE6/7 .clearfix{*zoom:1;}查看全部
-
清除浮动的方法： （1） 底部插入具有clear：both属性的元素 （2） 父级元素BFC或是hasLayOut查看全部
-
1,浮动使高度塌陷，是标准而不是bug 2,浮动的破坏性只是单纯的伪劣实现文字环绕效果而已查看全部
-
1，浮动属性：{横向：收缩,纵向：坚挺；整体：隔绝 } 2，块级格式化上下文 3，具有包裹性的其他小伙伴 display:inline-block/table-cell position:absolute/fixed/sticky overflow:hidden/scroll查看全部
-
IE6/IE7，不识别after伪元素。 overflow: hidden/scroll;支持IE7； width/height/zoom: 1支持IE6+。 权衡以后： .clearfix:after{content: ""; display: table; clear: both;}只用在父级元素上 .clearfix{*zoom:1}查看全部
-
浮动属性：{横向：收缩,纵向：坚挺；整体：隔绝 }查看全部
-
具有包裹性的其他小伙伴 display:inline-block/table-cell position:absolute/fixed/sticky overflow:hidden/scroll查看全部
-
.clearfix:after{ content: ''; display: table; clear: both; }查看全部
-
清除浮动的两种方法： 1.clear 2.bfc/haslayout clear; 1.html层面 block底部插入clear div 2.css层面 after伪元素底部生成 bfc/haslayout通常声明： float:left/right position:absolute/fixed overflow:hidden/scroll(ie7+) display:inline-block/table-cell(ie8+) width/height/zoom:1/...(ie6/ie7)查看全部
-
被浮动的元素会脱离父级文档流而浮向指定方向。 浮动最开始只是为了给图片加入文字环绕效果。查看全部
-
float: 浮动历史:得到图文混排的效果. 浮动的两个特性: 1.破坏:父级元素高度塌陷,自身位置浮动 2.包裹:收缩,坚挺,隔绝 这个特性也就是BFC(block-formatting context‘块级格式化上下文’) 为什么要清除浮动: 解决父元素高度塌陷: 只用在浮动元素的父元素上,不浮动不用查看全部
-
<- 浮动属性：{横向：收缩,纵向：坚挺；整体：隔绝 }-> <!-包裹-> display:inline-block/table-cell position:absoulute/fixed overflow:hidden/scroll 〈!-破坏:元素高度塌陷，自身位置浮动-> display:none; position：absoulte/fixed查看全部
-
IE6/IE7，不识别after伪元素。 overflow: hidden/scroll;支持IE7； width/height/zoom: 1支持IE6+。 权衡以后： .clearfix:after{content: ""; display: table; clear: both;} .clearfix{zoom:1}.查看全部
举报
0/150
提交
取消