清除浮动的两种方法

Posted yangai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了清除浮动的两种方法相关的知识,希望对你有一定的参考价值。

1. clear:both

2.给父元素设置overflow:hidden

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

以上是关于清除浮动的两种方法的主要内容,如果未能解决你的问题,请参考以下文章

浮动与清除浮动的六种方法

clear-fix清除浮动的两种写法

css_清除浮动的4种方式

两种好用的清除浮动的小技巧(clearfix hack)

清除浮动的几种方法

清除浮动以及:after元素