为什么ul元素没有高度？

Question

我正在努力解决为什么左侧导航栏上的ul元素 on this site的高度为零。

我想底边距添加到嵌套UL ...

Answer 1

对不起，这是一个简单的错误，最后，li元素设置为内联显示。

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

解决方案（简称）：从有任何

Answer 2

我不完全相信你通过零高度的意思，但我没有看到，在你的theme.css存在以下条目：

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

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

希望能有所帮助。

Answer 3

老问题，但仍相关的li元素去除浮属性。

我看不到已发布的网站，但当我发现问题时ul完全相对于某个元素定位。这是为了提前输入一个输入框的搜索，所以下拉列表中会有一个浮动在输入框下的建议列表。

的标记是一样的东西：

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

input有position: relative和ulposition: absolute。

我问题是，我已经离开了规则bottom: 0px在我的CSS ul和一些JavaScript被添加到top: 32pxul为好。这迫使ul元素的高度为0px ...

删除bottom规则解决了我的问题。