0

わかりませんが、li 要素の margin-top は、h2 要素の margin-bottom よりも大きい場合にのみ機能します。その理由を知りたいですか?

<h2 style="padding:0px; margin:0; height:30px; line-height:30px; background-color:#FF0000; font-size:18px; font-family:Arial; margin-bottom:10px;">Test1</h2>
<ul style="list-style:none; padding:0; margin:0;">
<li style="height:50px; line-height:50px; background-color:#00FF00; font-size:12px; font-family:Arial; margin-top:10px;">Test2</li>
</ul>

ありがとう。

4

1 に答える 1

2

あなたが説明することは、マージンの崩壊によく似ています。

http://reference.sitepoint.com/css/collapsingmarginsを参照することをお勧めします。この問題は、修正方法とともに詳細に説明されています。

于 2012-10-04T13:46:36.520 に答える