http://jsfiddle.net/julien_c/GmAL4/
我发现如果你应用CSS背景body,它会占用整个页面(无论实际的高度或宽度body是多少).
但是,如果应用CSS背景都html和body为背景body 不占用整个页面.
这种差异是否存在预期的行为?
如何叠加两个全屏背景(例如,背景颜色和半透明图像?)
我有一个看起来像这样的html页面
body {
height: 200px;
background-color: lightblue;
padding: 0px;
border: 1px solid red;
}Run Code Online (Sandbox Code Playgroud)
<html>
<head>
</head>
<body>
<p> First para </p>
<p> Second para </p>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
在这里,我指定团体height作为200px和background-color身体元素"lightblue".为什么background-color身体适用于整个页面,而不仅仅是200px身体的高度?
body {
background-color: red;
}Run Code Online (Sandbox Code Playgroud)
<body>
<div>Hello World!</div>
</body>Run Code Online (Sandbox Code Playgroud)
因此background-color: red;适用于整页高度,但是当我检查页面时,身体的高度仅限于div包含Hello World!.
有人请解释一下为什么会这样.