html - LI 边距不影响 UL 元素

Question

如果我将margin-top 放在第一个列表项（LI），那么margin 在ul 之外。

最后一项和边距底部也是如此。但是margin-left/margin right按预期工作..

为什么会这样，并且可以修复吗？

干杯

score 5 · Accepted Answer

5

你必须把

overflow : auto;

在父级 ul。

于 2012-08-03T09:18:09.240 回答

score 2 · Accepted Answer

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

score 1 · Accepted Answer

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

3 回答 3