html - 最小の高さ：100％が機能していません

Question

十分なコンテンツがない場合は画面の高さの100％まで拡張するdivを作成しようとしていますが、十分なコンテンツがある場合はそれを超えて通常は拡張します。私のdivがcontainerと呼ばれる場合、

#container
{
min-height: 100%;
}

高さには全く影響がないようです。使うとき

#container
{
height: 100%;
min-height: 100%;
}

高さを固定の100％に設定し、通常は画面の高さの100％を超えるコンテンツを切り取ります。何が間違っているのかわかりません。

score 1 · Accepted Answer

あなたが試すことができます

body, html {
    height: 100%;
}

この回答から借用。これも参照できます。

score 0 · Accepted Answer

HTMLのJSfiddleを教えていただけないでしょうか。それは私たちがあなたを助けるのに役立ちます.

私はあなたが使用できると思います：

#container
{
    height: 100%;
    overflow: auto;
}

または、ポジション/フロート/クリアで遊んでください。

2 に答える 2