清除浮动是怎么回事?
推荐
在线提问>>
清除浮动实际上是为了解决高度塌陷的问题
1. 给父元素设置高度
2. 额外标签法
<div id="parent"> <div id="child"></div> <!-- 方法一 额外标签法 -->
<div id="clear"></div> </div> <!-- css样式 --> #clear{ clear: both; }
给父元素添加overflow:hidden(触发bfc)
使用after伪元素清除浮动
#parent:after{ content: ""; display: block; clear:both; }
使用before和after双伪元素清除浮动
#parent:after,#parent:before{ content: ""; display: table; } #parent:after{ clear: both; } #parent{ *zoom: 1; }

