溢出没有背景

Question

我有一个article样式与这个类：

.stretchedToMargin {
    display: block;
    position:absolute;
    height:100%;
    bottom:0;
    top:0;
    left:0;
    right:0;
}

这很好：文章总是至少整个垂直空间。对于长于屏幕的文章，会显示滚动条。

但是，对于比屏幕更远的文章，当我需要滚动查看内容时，不会设置背景。 article在具有正确背景的部分和具有错误背景的部分之间分开。

如何强制我的article实际上与内容一样高，但至少与视口一样高？

修改

添加示例：http://jsbin.com/UvasEBik/1/ 相应的屏幕截图：

Answer 1

您可以使用min-height：100vh，它是视口高度的100％。因此，文章将至少是视口高度的100％。