解决子级用css float浮动 而父级div没高度不能自适应高度

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/jallenkwong/blog/603893