UL不是应该的高度

Question

我有一个包含下拉列表的导航。

<ul>
<li class="n1">Nav 1</li>
<li class="n2">Nav 2</li>
<li class="n3">Nav 3
<ul class="dropdown">
    <li>DropDown 1</li>
    <li>DropDown 2</li>
    <li>DropDown 3</li>
</ul>

我希望在导航下面添加间距，所以我使用margin-bottom。

但是边距不正确，就像UL不是它的全高，我解决了这个问题：

overflow: hidden

然后隐藏的下拉被切断了。

关于修复的任何想法？

Answer 1

您可以尝试使用填充。这将允许你在每个元素周围增加一些空间。