0

我似乎无法弄清楚这一点。

我有以下代码：

<div id="wrapper">
    <div class="schedule">//blah</div>
    <div class="schedule">//blah</div>
    <div class="schedule">//blah</div>
    <div class="schedule">//blah</div>
    //
</div>

我想要固定宽度的 div #wrapper。我希望每个 .schedule 也具有固定宽度。然后我想要，我的 div 太多了，我可以在那个页面内左右滚动。

我不能这样做！！无论我尝试什么，当我添加更多 .schedule 时，它​​们都会弹出到页面底部，并开始填充下一行！

干杯口沙

编辑：谢谢。所有结果都有效。除了我需要能够使用 float: left; 或者让所有 div 互相存货的东西！我怎样才能做到这一点？

4

3 回答 3

1

可以使用以下 CSS 来完成：

#wrapper {
    overflow-x: auto;
    white-space: nowrap;  
    max-width: 300px;
    border: 1px solid red;
}
#wrapper .schedule {
    display: inline-block;     
    padding: 5px;        
}

我整理了一个基本的JSFiddle 演示。

于 2012-09-20T06:28:13.250 回答
1

现场演示

嗨，现在习惯了这个 css

#wrapper{
min-width:200px;
  background:red;
  font-size:0;
  white-space:nowrap;

}
.schedule{
height:100px;
  font-size:12px;
  width:100px;
  background:green;
  margin:1px;
  display:inline-block;
  vertical-align:top;
}

演示

现在根据您的布局更改为宽度或高度............

于 2012-09-20T06:28:34.967 回答
1

我怀疑你想要的是浮动的 schedule-divs 以在同一高度上对齐。

尝试将此添加到您的CSS：

 #wrapper{overflow:auto;}

.schedule{float:left;}

抱歉，如果我误解了您的规格，但我认为这就是您真正想要的。

于 2012-09-20T06:28:36.430 回答