html - 在没有额外标记的情况下清除 float

Question

我在这里阅读此页面:http://robertnyman.com/2007/04/12/how-to-clear-css-floats-without-extra-markup-different-techniques-explained/关于在没有额外标记的情况下清除 float ，但它没有提到我认为你可以做的事情。

我的想法是否正确，您也可以通过不 float 最后一个元素来清除 float ？

所以如果你想 float 3 个元素，你 float 前两个而不 float 最后一个......最后一个仍然 float 但之后的任何东西都不会？

Answer 1

如果容器中的元素设置为 float ，它们就会搞砸。

因为父级不知道其中 float 元素的高度(因为它已经不在文档流中了)

http://jsfiddle.net/CkdY6/

最好的办法是将父元素设置为 overflow: hidden

http://jsfiddle.net/CkdY6/1/

但正如最近有人向我指出的那样，当您想使用 CSS3 东西(例如投影)时，它会搞砸。

http://fordinteractive.com/2009/12/goodbye-overflow-clearing-hack/