我正在重新设计我的网站,目前我只是将布局涂黑。我有一个以一切为中心的类(class):
.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/
我想知道这是什么原因,解决方案是什么。
谢谢,
狄龙·布兰尼克。
最佳答案
您的问题是您的页面正文没有垂直填充整个浏览器窗口。您可以使用 Firebug 并将鼠标悬停在 body 元素上来检查这一点——并不是整个浏览器窗口都会变成蓝色。
尝试使用以下 CSS 解决此问题:
html, body
{
height: 100%;
}
关于html - css 最小宽度和最小高度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14016045/