css - div の高さ (パーセント)、不要なスクロールバー

Question

このデモページには2つの問題があります:

1) 私のフッター (ガイドラインhttp://ryanfait.com/sticky-footer/に従いました) が原因でスクロールバーが Firefox でのみ表示され、その理由がわかりません。

2) div#containerTop はフッター css で使用され、ページ全体の高さに収まります

    min-height: 100%; height: auto !important; height:100%

問題は、特定の高さの div#rightContainer を使用したいということです。ほぼページ全体に引き延ばしたいと思います (それとフッターの間にピクセルを残します)。明らかに、高さを%で試してみましたが、うまくいきませんでした。

私が見つけたいくつかの CSS を試してみましたが、おそらく div#rightContainer がすでに div コンテナー内にあり、CSS の高さのトリックを使用しているため、それらも機能しませんでした。

JavaScript を繰り返さずに何ができますか?

score 1 · Accepted Answer

% を高さとして使用する場合は、すべての親要素にそれを配置する必要があります:

<body style="height: 100%;">
    <div style="height: 100%;"></div>
</body>

コンテナを絶対に設定できるかもしれませんが、それは実際には適切なコーディングスタイルではありません。

2 に答える 2