2013-06-27 138 views
6

我想找出一種方法來摺疊浮動div的邊際。強制邊距在浮動元素上摺疊?

除以2的空白側將無法正常工作...的div的利潤率要崩潰B/C各DIV需要不同的邊距大小(以看起來是正確的&是完美的像素對設計)。

絕對定位將不起作用...該div需要流入,所以文本不會對div進行裁剪。

行內塊可能無法正常工作...這些div中的一些需要與父項的底部對齊,同時仍然具有圍繞它們的文本流。我一直無法弄清楚如何用inline-blocks而不是浮動來實現這一點。

無論如何要完成浮動的摺疊邊距?

編輯:如果這看起來有意模糊,那是因爲我試圖爲您節省考慮整個設計夢寐以求的大量頭痛問題。

編輯2:寫完之後,我才意識到如何解決我的特殊問題,而不必摺疊浮動邊距,但我仍然想知道它是否可能!

+0

你指的是水平或垂直的利潤?無論如何,我相信只有當這些因素相互依存時,水平邊緣纔會崩潰。 – skube

回答

2

Andy Budd很久以前說:

如果漂浮的盒子,其利潤率不再崩潰。

4

基本上你要做的就是添加更多的標記。

您可以通過將浮動元素封裝在具有聲明的所需邊距的div中,從而在浮動元素上啓用邊距摺疊。

我更詳細解釋,並給這裏的例子http://codepen.io/nicksaemenes/pen/moutp