10

2 つの Div 要素があります。1 つ目は、画面の高さと幅を 100% にする必要があります。2 番目の Div は幅 100% で、内容に応じて高さが可変で、インライン (最初の下) から開始したいと考えています。したがって、フルスクリーンは Div 1 であり、Div 2 を表示するには下にスクロールする必要があります。

<div style="background-color:red;height:100%;width:100%;left:0px;top:0px"></div>
<br/>
<div style="width:100%;position:relative;background-color:yellow">
      <br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>test<br/>..
</div>

http://jsfiddle.net/FBJ8h/

4

3 に答える 3

11

なぜなら

position:absolute

divを非占有にします。これは、他の要素が位置合わせおよび配置時にそれらを「認識」しないことを意味します。

これを使って：

html,body {
    height:100%;
}
div.div2 {
    top:100%;
}

JSFiddle

于 2013-01-02T03:39:46.673 に答える
1

まず、htmlタグとbodyタグを高さに設定する必要があります：100％：

html, body {
    height:100%;
}

次に、変更する必要があるのは、最初のdivの位置を「絶対」ではなく「相対」に設定することです（jsfiddleファイルにあるように）。

position: relative;

お役に立てば幸いです...

編集：そして<br>、2つのdivの間の-Tagを削除します-そうでない場合、それらの間に白いギャップがあります...

于 2013-01-02T03:37:18.397 に答える