Divの高さを画面の100％にする

100％divの議論をすべて読んでいて、簡単な解決策を見つけることができません。私のdivは画面の縦の高さをすべて取り上げるにはどうすればいいですか？ここでDivの高さを画面の100％にする

は私のコードです：

CSS

#mother { 
    width: 100%; 
    margin: 0 auto; 
    z-index: 1; 
} 
#stripe_wrap { 
    width: 1053px; 
    min-height: 500px; 
    margin: 0 auto; 
    background: lime; 
} 
#stripe1 { 
    width: 39px; 
    min-height: 500px; 
    margin: 0px 0px 0px 0px; 
    background: #000; 
    float: left; 
} 
#stripe2 { 
    width: 39px; 
    min-height: 500px; 
    margin: 0px 0px 0px 0px; 
    background:#000; 
    float: right; 
}

HTML

<div id="mother" style="overflow-x: hidden;"> 
    <div id="stripe_wrap"> 

     <div id="stripe1"></div> 
     <div id="stripe2"></div> 

    </div> 
</div>

出典

2010-11-25 Erik

そして...何が問題なのですか？ –

私はDIVの高さを得ることができません）100％ – Erik

高さが<body>のタグも100％にする必要があります。そうでない場合は、コンテンツに合わせて縦方向に切り捨てられます。

<body>のマージンを0pxにしてください。そうしないと、100％_of_visible_area + marginになり、垂直スクロールバーになります。

出典

2010-11-25 19:07:59 Teekin

html, body {padding: 0px; margin: 0px; height: 100%;}

http://jsfiddle.net/kEv8F/ - 私のバージョン。

http://jsfiddle.net/kEv8F/ - ご使用のバージョン。

これは意味ですか？

出典

2010-11-25 19:05:21 Gazler

<body>と<html>もheight:100%に設定してください。
あなたのページにこのdiv以外は何もない場合、100％の高さはこれらの設定なしで0pxになります。

出典

2013-04-19 07:45:21

Divの高さを画面の100％にする

答えて

関連する問題