css - 正文没有延伸到内容的底部

Question

我的 body 只延伸到浏览器的底部，但没有延伸到内容的底部。我需要一种颜色的背景，另一种颜色的主体内容，但我似乎无法让它发挥作用。

这是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 - 第二个选项。