Question

我的身体只延伸到浏览器的底部，但不会延伸到内容的底部。我需要背景一种颜色，身体内容另一种颜色，但我似乎无法使其有效。

这是css

* {
margin: 0px;
padding: 0px;
}
html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
* html {
height: 100%;
margin: 0px;
padding: 0px;
}
html {
background-color: pink;
}
body {
margin: auto;
max-width: 500px;
min-width: 300px;
background-color: orange;
}
#header {
background: url('http://placehold.it/400x400/0191C8') center;
background-size: cover;
height: 50%;
}
#updown {
font-size: 150%;
}

http://jsfiddle.net/LPXVm/

Answer 1

JSFiddle

将您的内容包裹在<section>（或<div>或您想要的任何内容）中，然后为其指定样式：background-color:orange;。

另一种方法是延长</div>的结束updown并将其放在内容的末尾。然后给它一个background-color:orange;的样式。

但这当然会改变整个事物的字体大小。

JSFiddle - 第二个选项。

Answer 2

“我需要将背景设为一种颜色，将身体内容设为另一种颜色”。

这没有任何意义。 “背景”是。它位于DOM的顶部。

您应该为background color分配一个body，然后将所有内容包装在包装器div或内容块中，然后为其提供不同的颜色。

请参阅更新的小提琴：http://jsfiddle.net/LPXVm/4/

正文未延伸到内容的底部

2 个答案: