LI margin不影响UL元素

Question

如果我将margin-top置于第一个列表项（LI），则margin不在ul之内。

最后一项和margin-bottom也是如此。 但保证金左/保证金权利按预期运作..

为什么会那样且可以修复？

请参阅：Fiddle Link

干杯

Answer 1

你必须把

overflow : auto;

父母ul。

中的

请参阅Margin-Top push outer div down

Answer 2

你的ul只包含一个实际上具有工作余量的元素。 您应该替换此代码

<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>

Answer 3

ul标签和li标签之间没有任何内容。他们基本上互相跟随。你想要的是ul中的填充，而不是li中的边距。

Fiddle Here