css - 正文未延伸到内容底部

我的身体只延伸到浏览器的底部，而不延伸到内容的底部。我需要使背景色为一种颜色，使身体满足另一种颜色，但是我似乎无法使其起作用。

这是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/

最佳答案

JSFiddle

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

另一种选择是扩展</div>的结束updown并将其放置在内容的末尾。然后将其设置为background-color:orange;样式。

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

JSFiddle-第二个选项。

关于css - 正文未延伸到内容底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23410974/