为什么ul元素没有高度？

Question

我正在尝试找出为什么左侧导航的ul元素 on this site的高度为零。

我想在嵌套的ul ...

中添加一个下边距

Answer 1

抱歉，最后这是一个简单的错误，li元素设置为内嵌显示。

我确实用float:left; clear:left覆盖了这条规则，导致ul元素没有高度。

解决方案（简而言之）：从具有任何

的li元素中删除浮动属性

Answer 2

旧问题，但仍然相关。

我看不到发布的网站但是当ul相对于元素绝对定位时，我遇到了问题。它用于输入框的提前输入搜索，因此下拉列表中会有一个浮动在输入字段下方的建议列表。

标记类似于：

<section>
    <input/>
    <ul>
        <li>foo</li>
        <li>foo</li>
        <li>foo</li>
    </ul>
</section>

input有position: relative和ul position: absolute。

我的问题是我在bottom: 0px的CSS中留下了ul规则，而有些JavaScript正在top: 32px添加ul作为ul好。这迫使bottom元素的高度为0px ...

删除{{1}}规则解决了我的问题。

Answer 3

我不完全确定你的意思是零度，但我确实在你的theme.css中看到了以下条目：

#leftCol ul, #rightCol ul {
  margin:0;
  padding:0;
}

您可以添加一些填充或边距以获得一些间距。也许我误解了。

希望有所帮助。