ul列表元素溢出父div

Question

我觉得这可能是一个非常愚蠢的问题，但不幸的是我不得不问它。

如何保持无序列表不会溢出其父div？我知道浮动：左边的li元素导致它溢出父div，但我需要li元素浮动，所以它们可以是水平的。不知道还能做什么。

这是我到目前为止所拥有的http://jsfiddle.net/thwackukulele/vzzqY/

这就是我希望它看起来像

Answer 1

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

jsFiddle：http://jsfiddle.net/vzzqY/7/

Answer 2

将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/