1

cssの問題が発生しました。次のレイアウトを検討してください。

<div class="footer-container" style="background: #ff00ff">
 <footer class="wrapper"><h4 style="margin: 20px 0">Some Headline</h4></footer> </div>

h4の垂直方向のマージンは、コンテナーdivを拡張しません。代わりに、「スピルオーバー」するため、コンテナーdivの上下に20pxのマージンがあり、背景色はありません。隣接する要素の垂直方向のマージンが崩壊することは知っていますが、これは別のことのようです。

返信ありがとうございます！

4

2 に答える 2

4

含まれている div に追加overflow:autoすると、マージンの崩壊の問題が修正されます。

<div class="footer-container" style="background: #ff00ff;overflow:auto">

jsFiddle の例

于 2013-02-05T20:21:27.773 に答える
0

overflow: autoちょっとハックですが、何らかの理由で使いたくない場合はpadding: .1px 0、親で使用できます。これは、最新のすべてのブラウザーで 0 としてレンダリングされます。

于 2015-11-10T10:39:47.307 に答える