水平ul的高度设置为零。为什么？

Question

我想在页面中显示我的超级菜单的内容。我复制的CSS样式，但看来我还是很怀念的规则，因为UL与ID =“wrongBorder_because_of_no_Height”的边界不围绕整个UL显示，可能是因为UL高度为0

样本页面 - http://www.teddicom.com/test_07_ul_border_stack_overflow.htm

[比较家族2浮动菜单的边界，以及UL在页面边框]什么是设置水平上行的高度为零

• ？
• 如何正确显示边框？

Answer 1

添加overflow:hidden或overflow:auto上您的课，因为溢出属性设置为一个值，该值

#wrongBorder_because_of_no_Height 
{ 
    overflow:hidden; 
} 

之所以这样的工作原理是不可见 - 这会触发block formatting context。

退房this post有完整的解释。

Answer 2

添加到您的CSS：

.menuInPage ul 
{ 
height: 200px; 
} 

Answer 3

您正在浮动左元素元素。父元素ul不会展开以包含浮动的子元素。

没有检查是否这是你想要的，但要么删除浮动或尝试overflow:auto。