css - 即带有高度的背景颜色显示在整页上

Question

我有这个非常简单的 CSS 代码。

body {
    background-color: #08407A;
    min-width: 1000px;
    height: 500px;
}

这个在 IE 中根本不起作用。背景是全彩色的，但我只需要 500px 的背景。我已经尝试了所有的background-cover，behavior。但这对我来说没有用。

Answer 1

您不应该将正文用作固定宽度的容器。

限制 body 的宽度没有意义，因为它代表了整个浏览器窗口。

相反，尝试使用 block 元素，例如 <div>实现您的结果。

HTML:

<div class="myDiv">
   This is my content
</div>

CSS:

.myDiv { background-color:#08407A; min-width:1000px; height:500px; }