网站模板论坛,30条新闻摘抄,做网站客户最关心哪些问题,广州网站建设公司哪个好原因#xff1a;
元素设置了float属性后#xff0c;就会脱离文档流#xff0c;当 包含框 的高度小于 浮动框 的时候#xff0c;会出现高度塌陷。因此才需要清除浮动#xff01;
表现如图#xff1a;包括框container已经包不住float的图片了#xff01; 清除浮动方法
元素设置了float属性后就会脱离文档流当 包含框 的高度小于 浮动框 的时候会出现高度塌陷。因此才需要清除浮动
表现如图包括框container已经包不住float的图片了 清除浮动方法
1给 包含框 添加 after伪元素清除浮动。代码 .clearfix:after{ display: block; content:; clear: both; height:0;} 2使用BFC 原理让浮动块包含在同一个BFC中。
给 包含框 加一个overflowhidden就可以了代码 .container{ overflow: hidden;
} .container div{ float: left;
} 3: 在 浮动元素 的最后面添加一个新元素应用clear:both.
这种方法不太好使margin实效了并且增加了一个无用的element。
本文转载于:猿2048https://www.mk2048.com/blog/blog.php?idjcckaatitle为何要清除浮动如何清除
