我想为页面内容设置一个背景。具有背景图像的div具有class=history。"历史"上面的所有div和历史本身的高度都设置为100%。但是，"history"div没有得到正确的高度。
下面是代码示例。我可能会错过一些相关的细节，但会添加他们一旦找到解决方案。
CSS:html, body {
height: 100%;
background: url(cream_dust.png) repeat 0 0;
}
<html>
<body class="page page-id-41 page-child parent-pageid-8 page-template-default logged-in admin-bar">
<div class="wrapper-for-footer">
<div id="page" class="hfeed site">
<div id="main" class="site-main">
<div id="primary" class="content-
设置为height: 100%的元素将只占用其父元素垂直空间的100%。如果在history和body之间有一个元素没有高度，那么它就不会像你期望的那么高。
history元素的大部分是浮动内容，所以它已经折叠，只包含非浮动内容。
为history元素添加一个明确的修正。
overflow: hidden
或
.history {
zoom: 1; // fix for IE
}
.history:after {
content: ' ';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
您可能需要将position:absolute;添加到您试图给予100%高度的div。
编辑:您需要将position:absolute;添加到history div