css - 如何将此容器从视口(viewport)的顶部边缘扩展到底部边缘？

Question

所以，我正在为我的个人网站制作我的 Wordpress 主题，我一直在努力弄清楚如何做几件事:

1) 我需要让白色延伸到页面内容的上边缘之上

2) 如果可能，我希望容器延伸到视口(viewport)的底部边缘。

我的所有布局都使用 Twitter Bootstrap。可以通过正常方式等查看源。

我尝试在不同的地方使用 min-height: 100%，但运气不佳。也许它只是不在正确的地方，谁知道呢。

提前感谢您的任何回复!

Answer 1

要让白色延伸到顶部，从 .page-container 中移除 padding-top 并将其添加到 page-outline 相反。同时将 height: 100% 添加到 page-outline。

所以您的 page-container 和 page-outline 的 CSS 看起来像这样:

.page-container {
    min-height: 100%;
}

.page-outline {
    background-color: white;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-top: 25px;
    height: 100%;
}