1.使用css clear清除浮动;
在父级div体内添加子级div<div style="clear:both;"/>
2.对父级样式加overflow:hidden。
<div style="overflow:hidden;"/>(PS:为什么是hidden?反其道而行之?)
PS
1.clear 属性规定元素的哪一侧不允许其他浮动元素。
可能值:left、right、both、none(默认值)、inherit
2.overflow 属性规定当内容溢出元素框时发生的事情。
可能值:auto、scroll、hidden、visible(默认值)、inherit
参考文献:
1.解决子级用css float浮动 而父级div没高度不能自适应高度-http://www.divcss5.com/jiqiao/j612.shtml
2.CSS 参考手册-http://www.w3school.com.cn/cssref/index.asp
来源:oschina
链接:https://my.oschina.net/u/1585241/blog/603893