html - css 最小宽度和最小高度不起作用

标签 html wrapper css

我正在重新设计我的网站,目前我只是将布局涂黑。我有一个以一切为中心的类(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/

相关文章:

javascript - 使用 JavaScript 在悬停时添加类

javascript - 如何使每个 div 具有相同的高度,以保持每行 3 个 div 对齐工作

android - Gradle如何使用插件构建Android?

c# - 如何在 asp.net webforms 中激活当前菜单项

css - 如何覆盖 CSS 规则?

javascript - 两种径向渐变颜色,连接时组合

javascript - 使用 AngularJS 过滤单个列值

javascript - JQUERY - 单击后将 CSS 类添加到 BUTTON 元素

python - 如何制作一个用CFFI包裹的C-DLL来回调python

java - Java 服务包装器的 JVM 错误