☰

最小高さが 100% の親内の子が高さを継承しない 質問する

tag-icon • tag-icon css html
最小高さが 100% の親内の子が高さを継承しない 質問する

を設定することで、div コンテナが少なくともページの全高を占めるようにする方法を見つけましたmin-height: 100%;。ただし、ネストされた div を追加して を設定するとheight: 100%;、コンテナの高さまで伸びません。修正する方法はありますか?

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

#containment {
  min-height: 100%;
  background: pink;
}

#containment-shadow-left {
  height: 100%;
  background: aqua;
}
<div id="containment">
  <div id="containment-shadow-left">
    Hello World!
  </div>
</div>

ベストアンサー1

親コンテナーに追加しますheight: 1px。Chrome、FF、Safari で動作します。

おすすめ記事