質問: ブラウザウィンドウのdivを100%の高さにするにはどうすればいいですか? 私は2つの列 - 左divと右divを持つレイアウトを持っています。右側のdivは灰色のbackground-colorを持っています、そして私はユーザーのブラウザウィンドウの高さに依存して垂直方向に拡大するためにそれが必要です。今のところbackground-colorはそのdivの最後のコンテンツで終わります。私はheight:100%、min-height:100%;などを試しました。
回答: 最も簡単: html, body { height: 100%; min-height: 100%; } body { position: relative; background: purple; margin: 0; padding: 0; } .fullheight { display: block; position: relative; background: red; height: 100%; width: 300px; } <html class=""> <body> <div class="fullheight"> this is full height. </div> </body> </html>