css – 强制浮动元素上的边距会崩溃?

前端之家收集整理的这篇文章主要介绍了css – 强制浮动元素上的边距会崩溃?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图找出一种方法来折叠浮动div上的边距.

将边距除以2将不起作用… div的边距需要折叠b / c每个div需要不同的边距大小(为了看起来正确并且与设计完全相同).

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

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

反正有没有完成花车的折叠边缘?

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

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

解决方法

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

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

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

猜你在找的CSS相关文章