在css中,当我给div高度一个百分比值时,div完全消失了,继续做什么
<html>
...
...
<div id="logcontainer">
<div><div>
<div></div>
</div>
这不是真正的HTML,但它总结了我想要做的事情,继承我的CSS
#logcontainer {
width:100%;
min-height:100%;
margin: 0px;
padding: 0px;
background-color: #7f7f7f;
}
每当高度有一个百分比值时,div消失,宽度有效,但没有高度?,当我使用ems或rem它完美地工作时,任何想法?
答案 0 :(得分:1)
我认为你所需要的只是html, body { height: 100% }
,如果我理解你的问题是正确的
答案 1 :(得分:1)
设置身体高度100%,然后就可以了。因为你需要在父元素上设置100%的高度,在这种情况下你的身体。 div标签是一个容器,但是它包含在body标签中......很遗憾,所有浏览器都不会对body标签进行相同处理...在某些浏览器中,它的大小适合浏览器的可用空间...浏览器的body标签大小适合当前内容所需的最小高度....因此设置为100%的div标签在每个上的大小会有所不同......实际上如果为空,div标签可能甚至不显示在某些浏览器上,因为空体可能是0px高......
html, body
{
height: 100%;
width: 100%;
margin: 0;
}
答案 2 :(得分:1)
以下是解决方案:
html, body { height: 100%; }
但它只是一个解决方案,你需要了解为什么会发生,这是因为你的元素是一个块级元素,它将你的整个内容宽度和高度宽度包装为100% 但这不是高度的情况,你需要指定与内容相关的高度,以百分比为单位,如上面的身体已给出100%