2012-03-07 133 views
0

我觉得这可能是一个非常愚蠢的问题,但不幸的是我不得不问。ul列表元素溢出父div

如何让我的无序列表溢出其父分区?我知道在li元素上的float:left会导致它溢出父div,但我需要li元素浮动以便它们可以是水平的。不知道还有什么要做。

这里是我到目前为止http://jsfiddle.net/thwackukulele/vzzqY/

而且这是我希望它看起来像

+2

你的小提琴似乎并不反映你的问题。 – j08691 2012-03-07 03:43:54

+0

对不起,我更新了小提琴。应该在这里http://jsfiddle.net/thwackukulele/vzzqY/1/ – danapaige 2012-03-07 04:10:30

回答

2

如果您希望浮动元素在未明确设置高度的情况下填充其父容器,请在父级上使用overflow: auto。如果你给ul overflow: auto属性,它将按照你的屏幕截图工作。

的jsfiddle:http://jsfiddle.net/vzzqY/7/

+1

非常感谢你!其中一件事,我从来没有想过要尝试,而且它的功能完美。 – danapaige 2012-03-07 17:43:47

-1

设置的125px的高度.b1bkgd

.b1bkgd { 
    background-color: #F2EEE7; 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
    padding: 30px; 
    margin: 0 45px; 
    height: 125px; 
} 

http://jsfiddle.net/neo108/zCXsc/1/