强制浮动元素上的边距会崩溃？

Question

我试图找出一种方法来折叠浮动div上的边距。

将边距除以2将无效... div的边距需要折叠b / c每个div需要不同的边距大小（为了看起来正确并且像素完美）反对设计）。

绝对定位不起作用...... div需要在流中，因此文本不会对div进行剪辑。

内联块可能无法正常工作...... 其中一些div需要与其父级底部对齐，同时仍然有文本流围绕它们。我无法弄清楚如何使用内联块而不是浮动来实现这一点。

无论如何都要在浮标上完成折叠边缘？

编辑：如果这看起来有目的 - 含糊不清，那是因为我正在努力为您节省考虑我正在尝试实施的整个设计梦魇的巨大麻烦。

编辑2：写完这篇文章之后，我才意识到如何解决我的特殊问题而不必在浮动上折叠边距，尽管我仍然想知道它是否有可能！

Answer 1

基本上你需要做的就是添加更多标记。

您可以通过将浮动元素包装在声明了所需边距的div中来启用浮动元素上的margin-collapse。

我进一步详细解释并在此处举例http://codepen.io/nicksaemenes/pen/moutp

Answer 2

Andy Budd很久以前说过：

  

如果你漂浮一个盒子，它的边距不会再崩溃。