》1.clear清除浮动
clear的值:
left: 在左侧不允许浮动元素
right:在右侧不允许浮动元素
both:在左右侧都不允许浮动元素
none
inherit
父级元素高度坍塌,在最后一个子元素中设置样式,clear:both即可
或者最后添加一个空标签,设置clear:both
》2.使用br标签
br标签
<br clear="all">在浮动元素后面添加,类似clear.
》3. 为浮动元素的父级元素设置浮动,方法可行,但不好。
触发BFC布局。
》4.给浮动元素的父级元素设置overflow:hidden后auto,
触发BFC布局。
》5 after伪元素:在父元素之后添加伪元素,而不是子元素后面添加。
#box::after{
display: block;
content: "";
clear:both;
height:0;
visibility: hidden;
}
#box{
* zoom:1; /*兼容ie*/
}