css - 强制边距在 float 元素上折叠?

标签 css css-float

我正在尝试找出一种方法来折叠 float div 的边距。

将边距除以 2 是行不通的...... div 的边距需要折叠 b/c 每个 div 需要不同的边距大小(为了看起来正确并且像素完美设计)。

绝对定位行不通...... div 需要流入,这样文本才不会与 div 重叠。

内联 block 可能不起作用...... 其中一些 div 需要与其父级的底部对齐,同时仍然有文本围绕它们流动。我一直无法弄清楚如何使用内联 block 而不是 float 来完成此操作。

有没有办法在 float 上实现折叠边距?

编辑:如果这读起来故意含糊不清,那是因为我试图让你们免去考虑我正在尝试实现的整个噩梦设计的巨大头痛。

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

最佳答案

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

您可以通过将 float 元素包装在声明了所需边距的 div 中,从而在 float 元素上启用边距折叠。

我在这里更详细地解释并举个例子http://codepen.io/nicksaemenes/pen/moutp

关于css - 强制边距在 float 元素上折叠?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17350958/

相关文章:

javascript - 复制div,更改并输出到 View

css - 为什么我的 CSS 没有被正确处理?

css - 水平居中包含 float li 元素的 <ul> 导航栏

css - 如何将某物与其父元素前面的元素垂直对齐

css - 文本溢出隐藏中断 float

html - 为什么我的 Css 代码不适用于我的 Html 页眉和页脚?

javascript - 如何在 reveal.js 中将属性文本放在背景图像上?

html - 样式图例标记为 block

css - 如何使用 CSS 使 div block 不 float ?

html - 如何将一组 div 右对齐?