html - 当我向下滚动时，左列 100% 为空

Question

当我将一<div>列设为 100% 并用内容填充它然后向下滚动时，背景是空的。

但是当它<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/