私の人生では、ここにある画像の一部で余白が適切にレンダリングされない理由がわかりません。1 番目と 2 番目の横向きの画像の後、マージンはその上の画像/コンテナと重なります。
誰でも光を当てることができますか?
http://jsfiddle.net/JeffPannenone/rDw6R/17/
※みなさんごめんなさい。以前に間違った jsfiddle リンクを提供しました。ここで修正しました
私の人生では、ここにある画像の一部で余白が適切にレンダリングされない理由がわかりません。1 番目と 2 番目の横向きの画像の後、マージンはその上の画像/コンテナと重なります。
誰でも光を当てることができますか?
http://jsfiddle.net/JeffPannenone/rDw6R/17/
※みなさんごめんなさい。以前に間違った jsfiddle リンクを提供しました。ここで修正しました
1つのオプションはoverflow:auto
、divに設定することです。
divには境界線やパディングがないため、画像の余白がdivから折りたたまれる可能性があります。
W3Cのドキュメントをいくつか追加していましたが、マージンの崩壊について数行で明確に説明するのは少し大変です。詳細については、上記のリンクをたどってください。
1px 0
簡単な修正は、divにのパディングを追加することです。