在div上设置CSS 100％高度

Question

我有一个div，我试图将高度设置为100％，因此它的内容使div变得合适。

我已尝试过以下内容，但无效：

添加100％：

#latest{ height: 100%; background: #e3e3e3 url(banner_grad.jpg) repeat-x; border: none; margin-top: 10px;}

完全不考虑高度设置，因此div只适合以下内容：

#latest{ background: #e3e3e3 url(banner_grad.jpg) repeat-x; border: none; margin-top: 10px;}

除非我设置了特定的高度（例如高度：370px;），否则div甚至不会在Dreamweaver的设计视图中显示它的轮廓。很奇怪。

有什么想法吗？

由于

Answer 1

不幸的是，你不能将div的高度设置为百分比，主要是因为内容往往会使div增长，所以你会限制自己。

虽然看看min-height css属性。我认为，这将在某种程度上解决您的问题。

Answer 2

可能你必须这样写：

html, body{
 height:100%
}

#latest{ 
height: 100%; 
background: #e3e3e3 url(banner_grad.jpg) repeat-x; 
border: none;
margin-top: 10px;
}

Answer 3

div的内容是否具有“float：left”或“float：right”属性？

Answer 4

html, body{
   height:100%
}

div{height: 50%}

我不知道浏览器的兼容性，因此您可能需要对其进行测试。

http://jsfiddle.net/ZKZFa/

Answer 5

高度属性将在这里更正。但是使用下面的代码而不是这个。如果你继续添加内容，div也会增加高度。

#largest {
    background: url("firefox-gray.jpg") repeat-x scroll 0 0 #E3E3E3;
    border: medium none;
    margin-top: 10px;
    overflow: auto;
}