おぼえられないから

ただただ自分の覚え書きのためです。

個人的な覚書なので見ても役に立ちませんよ。

heightの"%"は親ボックスピクセル数に対しての比率なので
画面をピクセル数で固定できない一番親となる"HTML"と"BODY"を100%と設定する必要がある。

方法
スタイルシート
html,body {    ←この設定が肝心
    height: 100%;
}

.高さ100% {
    background: #bbddff;
    height: 100%;
    width: 1000px;
    margin: 0 auto 0 auto;
    min-height: 100%;  ←最小の高さ
}
body > .高さ100% {
  height: auto;  ←要素を超えた分の背景が伸びないブラウザ用
}


HTMLソース
<body>
<div class="高さ100%">
高さ100%で表示したい要素
</div>
</body>
 

参考ページ
https://www.xenophy.com/webdesign/2247 

コメント

コメントフォーム
評価する
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット