解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。
方法一:推荐
设置父div的overflow:hidden;
方法二:
父div结束前增加一个空div style=”clear:both;”
.clear {
clear:both;
}
<div>
<div style=”float:left;”>
<div class=” clear” />
</div>
方法三:由方法二变换:
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
/* End hide from IE-mac */
方法四:设定高。
参考整理至:http://www.divcss5.com/jiqiao/j612.shtml