什么是处理CSS浮动的正确,标准方法

Question

我一直认为处理CSS浮动的正确方法是使用一个明确的div,:在伪类之后,或者在父类上使用overflow:auto.据我所知,它的目的是清除浮动并将父元素扩展回正常状态.那是它的目的,是吗？

今天我发现了一种处理浮动(和父崩溃)的替代方法:浮动父项以使其在浮动子项周围展开.

这与网络标准如何一致？甚至还有官方的浮动/明确标准吗？

Answer 1

正如@edeverett 所说，没有特定的标准。

真正的初学者使用绝对定位并进入噩梦模式，因为有太多的限制和需要关心的事情。

初学者倾向于将内容中的所有内容浮动，然后搜索父级的背景所在的位置，尽管流程中没有内容，父级不再有可见的背景......
我在 IE6 和最后一列中遇到了困难（对于整个设计来说太大）在其他设计之下（由于双边距浮动错误或子项的宽度 100% + 填充/边距）

然后你会学习许多不同的技术，每种技术都有其优点、限制和问题。

然后你可以根据经验学习何时使用它们。即使在极少数情况下也是绝对定位；甚至在绝望的情况下布置桌子。它们很糟糕，但是当你在某个地方添加 1px 时，有 25 个 div 等待爆炸的布局更糟糕。
经验法则是，从流程中删除的内容越少，出现的问题就越少。在 CSS 中总是有很多方法可以完成同样的事情。

我个人最喜欢的是多功能现在Fx 3.x已经取代了Fx 2.0（3.0甚至消失了），每个浏览器都支持它（+ + IE<8的条件注释）。我能想到的两个小烦恼：display: inline-block;
display: inline;zoom: 1;

与浮动相比，在每行带有标签+输入的表单上，它确实创造了奇迹。页眉或页脚相同。