html - 下にスクロールすると、左の列が100％空になります

Question

列を100％作成し、その<div>列にコンテンツを入力してから下にスクロールすると、背景が空になります。

ただし、<div>が空の場合は、背景を上から下に表示できるように、高さを100％にする必要があります。

誰かがこれを解決する理由と方法を知っていますか？

• スクロール付きの例
• スクロールなしの例

Answer 1

ページの高さを100％にし、div少なくともページの高さを確保する必要があります。したがって、これを使用します。

html, body {
    height: 100%;
}

#fullheight {
    min-height: 100% !important;
    width: 250px;
    background: blue;
}

これにより、fullheightdivが100％に制限されないようになり、ページが少なくともフルハイトになります。

フィドル： http：//jsfiddle.net/KfjGU/138/、http：//jsfiddle.net/KfjGU/139/