利用overflow:hide清除“浮动”

浮动之所以加引号,是因为不是真的“浮动”,暂时找不到合适的词。

准确表达,是一个容器,假如里面的元素是position:absolute的,或其它浮动情况,这个容器的就会坍塌,即高度不会包含浮动的元素的高度,

以前很多人用的方法是加一个块级元素,然后让其clear:left,或者一个<br clear='both' />这样就会流动到浮动元素下面,而其父元素因为要把它包住,自然就把浮动元素包住了。这一直没有问题。

事实上,假如父元素的style里有overflow:hide的话,它的高度是不会坍塌的,试试吧。你需要做的,就是看overflow会不会被子元素继承,免得有些东西看不见了。不过其实假如overflow:hide没有和white-space:nowrap一起用的话,过长的内容会自动折行的,并不会消失不见。

原文地址:https://www.cnblogs.com/walkerwang/p/1763876.html