0

我在获取无序列表以更改其父项大小时遇到​​了一些麻烦。

我有这样的东西

HTML

<div class="content">
    <div id="product-range">
        <ul>
            <div class="product-container">sup</div>
            <div class="product-container">sup</div>
            <div class="product-container">sup</div>
            <div class="product-container">sup</div>
            <div class="product-container">sup</div>
        </ul>
    </div>
</div>

CSS

.content {
    position:relative;
    background:white;
    max-width:1299px;
    margin: 0 auto;
    padding:0;
}
#product-range {
    position:relative;
    margin-left:25px;
    margin-right:15px;
    background:blue;
}
.product-container {
    position:relative;
    width:398px;
    height:500px;
    float:left;
    margin-right:20px;
    margin-top:15px;
    background:green;
}

这导致 http://jsfiddle.net/qfUTq/

父母崩溃了。我能够解决这个问题的唯一方法是添加一个clear:both像这样的空 div：

http://jsfiddle.net/eE6XQ/

有没有合适的方法来做这件事？我尝试将相同的属性添加到所有其他类或 ID，但它不会产生相同的效果。

4

2 回答 2

0

在#product-range 上玩溢出属性：auto,scroll,...;

我猜溢出：自动无法解决您的问题，但这不是最好的方法。

于 2013-02-07T04:13:19.450 回答
0

将溢出：隐藏应用于#product-range，它将环绕元素。

于 2013-02-07T04:36:38.943 回答