html - 溢出没有背景

Question

我有一篇 article 的样式与此类类似:

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

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

但是，对于超出屏幕的文章，当我需要滚动查看内容时，没有设置背景。 文章分为背景正确的部分和背景错误的部分。

如何强制我的文章实际上与内容一样高，但至少与视口(viewport)一样高？

编辑

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

Answer 1

您可以使用 min-height: 100vh，它是视口(viewport)高度的 100%。因此文章将至少为视口(viewport)高度的 100%。