清除浮动的两种方法

标签：over   clear   float   理解   内容   两种   清除   没有   就会   

1. clear:both

2.给父元素设置overflow：hidden

可以这样理解：overflow：hidden的含义是超出的部分要裁切隐藏，float的元素虽然不在普通流中，但是他是浮动在普通流之上的，可以把普通流元素+浮动元素想象成一个立方体。如果没有明确设定包含容器高度的情况下，它要计算内容的全部高度才能确定在什么位置hidden，这样浮动元素的高度就要被计算进去。这样包含容器就会被撑开，清除浮动。

清除浮动的两种方法

标签：over   clear   float   理解   内容   两种   清除   没有   就会   

原文地址：https://www.cnblogs.com/yangai/p/10361136.html