0

Web サイトに次の css があります。私がやろうとしているのは、secondDivを好きなだけ大きくし、メインウィンドウを水平にスクロールして、ウィンドウを右に押し、新しい行で2番目のdivを開始しないようにすることです。SecondDiv は最初の div の左側から開始し、x の繰り返し Div が 2 番目の Div を埋めるときにウィンドウを水平方向にスクロールする必要があります。

これを達成する方法を知っている人はいますか？

助けていただければ幸いです。

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

<div class="secondDiv">

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

</div>

更新: James に感謝します。動作しますが、高さがはるかに低い最初の div がページの下部に表示されます。2番目のdivがどれだけ高くても、最初のdivを一番上に保つ方法はありますか?

4

3 に答える 3

1

このようなものはうまくいくかもしれません：

body{
    white-space: nowrap;
}

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

実際のコンテンツが含まれていると仮定すると、div の幅と高さは必要ありません。

http://jsfiddle.net/aYspk/

于 2013-10-07T20:54:18.170 に答える
1

両方のdivが常に同じ行にあるよりも、divdisplay: inline-block;
をそこの親に追加してください。white-space: nowrap;

于 2013-10-07T20:53:38.320 に答える
0

テーブル表示を使用します。これがフィドルです：http://jsfiddle.net/5fvGB/

CSSは次のとおりです。

.secondDiv {
    display: table;
}
.repeatingDiv {
    display: table-cell;
}
于 2013-10-07T20:54:07.270 に答える