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

时间:2012-12-24 01:13:13

标签: html wrapper css

我正在重新设计我的网站,目前我只是将布局搞黑了。我有一个以一切为中心的课程:

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

然后使用保证金抵消所有内容。

我有一个包装器,它给出了最小高度和最小宽度

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

最小宽度和最小高度都可以完成它们的工作,但由于某些原因,在应用此包装后,网站不再垂直居中。 您可以在此处查看该网站:http://testerwebby.tumblr.com/

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

1 个答案:

答案 0 :(得分:1)

您的问题是您的网页正文未垂直填满整个浏览器窗口。您可以使用Firebug并将您的身体元素悬停来检查 - 不是整个浏览器窗口都会出现蓝色色调。

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

html, body
{
    height: 100%;
}