Question

我在网站上有以下css。我想要做的是让secondDiv尽可能多地增长并使主窗口水平滚动，将窗口向右推，而不是在新线上开始第二个div。 SecondDiv应该从第一个div的左边开始，当x repeatDiv填充secondDiv时，使窗口水平滚动。

有没有人知道如何做到这一点？

非常感谢帮助！

<div class="firstDiv"></div>

<div class="secondDiv">

<div class="repeatingDiv"></div>
<div class="repeatingDiv"></div>
<div class="repeatingDiv"></div>
<div class="repeatingDiv"></div>

</div>

更新：谢谢詹姆斯，它有效，但现在第一个高度较小的div最终会出现在页面底部。有没有办法让第一个div保持在最高位置，而不是第二个是多高？

Answer 1

让你的div [{1}}添加到那里的父display: inline-block;，因为两个div总是在同一行。

Answer 2

这样的事情可行：

body{
    white-space: nowrap;
}

div{
    display: inline-block;
    width: 200px;
    height: 100px;
}

假设div包含实际内容，则不需要div上的宽度和高度。

http://jsfiddle.net/aYspk/

Answer 3

使用表格显示。这是小提琴：http://jsfiddle.net/5fvGB/

这是CSS：

.secondDiv {
    display: table;
}
.repeatingDiv {
    display: table-cell;
}

使主窗口水平滚动

3 个答案: