html - css min-width 和 min-height 不起作用

Question

我正在重新设计我的网站，目前我只是将布局涂黑。我有一门以一切为中心的课程：

.centre
{
position:absolute;
left:50%;
top:50%;
}

然后使用边距抵消一切。

我有一个给出最小高度和最小宽度的包装器

#wrapper {
position:relative;
left:0px;
top:0px;
min-height:600px;
min-width:600px;
}

min-width 和 min-height 都完成了它们的工作，但由于某种原因，在应用此包装器后，网站不再垂直居中。您可以在这里查看网站：http: //testerwebby.tumblr.com/

我想知道这是什么原因，以及解决方案是什么。
谢谢，
狄龙布兰尼克。

Answer 1

您的问题是您的页面正文没有垂直填充整个浏览器窗口。您可以通过使用 Firebug 并悬停您的 body 元素来检查这一点 - 不是整个浏览器窗口都会变成蓝色调。

尝试使用以下 CSS 解决此问题：

html, body
{
    height: 100%;
}