css - 親との DIV 高さ 100%

Question

div の高さをブラウザ ウィンドウの 100%、div の 100%、テーブル セルの 100% に設定して強制できますか? スタックオーバーフローなどの複雑なハックではない解決策が見つかりません。

Answer 1

absoluteポジショニングを使用して可能です

.fullHeight
{
 position: absolute; 
 top: 0px; 
 bottom: 0px;
}

Answer 2

高さのパーセンテージは、親要素のパーセンテージとして測定されます。ブラウザ ウィンドウの 100% を占める div を作成する場合は、本体 (その親) にも 100% を指定する必要があります。

html, body {
    height: 100%;
}

div が別の要素に含まれている場合、これも 100% (親要素の 100% を意味する) を使用するか、特定の高さを指定する必要があります。

Answer 3

下マージンを 100% にしてみてください。

margin-bottom: 100%;