Question

我在包装中有一些漂浮的div，它们应该是侧面购买侧和固定宽度。但是，一起，子div比父div更宽，这已设置为overflow：hidden;

我的问题是我必须设置父div的宽度以适应子div的组合宽度，否则由于缺少可用宽度而将它们推到新行上。

我希望不必设置包装div的宽度，因为子div将动态添加。

的CSS：

.shell{
    width:900px;
}

.wrap{
    overflow:hidden;
    height:120px;
    margin-top:35px;
    width:1000px; 
}

.cont{
    width:500px;
    float:left;
    position: relative; 
}

HTML

<div class="shell">
   <div class="wrap">
      <div class="cont">
      </div>
      <div class="cont">
      </div>
   </div>
</div>

注意： relative:position;必须保留其他原因。

Answer 1

.wrap{
overflow:hidden;
height:120px;
margin-top:35px;
min-width:1000px;
width:auto; 
}

如果你想并排查看它们，那么你应该考虑使用inline-block

这就是为什么我们使用min-width，只是为了启动宽度

CSS - 必须设置隐藏溢出的DIV宽度

1 个答案: