フォース別の下記本部と重複

を防ぐためには、私は2つのdiv要素を持っています。最初は画面の高さと幅を100％にする必要があります。私は、第二事業部は、内容に応じて、100％の幅が、可変高さであること及び（第一の下に）インラインを始めたいです。だから、フルスクリーンは、ディビジョン1であり、あなたはディビジョン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/

出典

2013-01-02 user759885

Becasue

position:absolute

はdiv要素は、位置合わせして配置する場合、それらを「見る」していない他の要素を意味し、非占有します。

使用この：

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

JSFiddle

出典

2013-01-02 03:39:46 Passerby

あなたは高さにHTML-とボディタグを設定する必要がまず：100％：

html, body { 
    height:100%; 
}

そして2つ目は、あなたが変更する必要があります最初のdivの位置を "relative"ではなく "absolute"（jsfiddle-fileにあるように）に設定します：

position: relative;

私はそれが役に立てば幸い

...

EDIT

：そして2つのdiv要素の間 <br> -Tagを削除する - 、それらの間の白のギャップがあるでしょうでない場合は...

出典

2013-01-02 03:37:18 atreju

エクセレントこれは – user759885

-1

使用して "クリア：両方の" 使用する必要があります...のdivタグの間に以下を追加し

<style> 
.clearfix{ 
clear:both; 
} 
</style> 
<body> 
<div class="clearfix"></div> 
<body>

出典

2015-03-06 03:35:04

これを働くあなたに感謝動作しません。問題は位置です：絶対属性です。 – FrenkyB

フォース別の下記本部と重複

答えて

関連する問題