html - LIマージンはUL要素に影響を与えません

Question

最初のリストアイテム（LI）にmargin-topを配置すると、marginはulの外側になります。

最後のアイテムとマージンボトムについても同じです。ただし、margin-left /marginrightは期待どおりに機能します。

なぜそれが修正可能ですか？

乾杯

score 5 · Accepted Answer

あなたは置く必要があります

overflow : auto;

親のulで。

score 2 · Accepted Answer

あなたのulには、魔女が実際に作業マージンを持っている要素が1つだけ含まれています。このコードを置き換える必要があります

<li>
    This is a test<br>
    This is a test<br>
    This is a test<br>
    This is a test<br>
</li>

と：

<li>This is a test</li>
<li>This is a test</li>
<li>This is a test</li>
<li>This is a test</li>

score 1 · Accepted Answer

ulタグとliタグの間に何もありません。それらは本質的に互いに続きます。必要なのは、liのマージンではなく、ulのパディングです。

3 に答える 3