Question

在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它完美地工作时，任何想法？

Answer 1

我认为你所需要的只是html, body { height: 100% }，如果我理解你的问题是正确的

Answer 2

设置身体高度100％，然后就可以了。因为你需要在父元素上设置100％的高度，在这种情况下你的身体。 div标签是一个容器，但是它包含在body标签中......很遗憾，所有浏览器都不会对body标签进行相同处理...在某些浏览器中，它的大小适合浏览器的可用空间...浏览器的body标签大小适合当前内容所需的最小高度....因此设置为100％的div标签在每个上的大小会有所不同......实际上如果为空，div标签可能甚至不显示在某些浏览器上，因为空体可能是0px高......

     html, body 
       {
          height: 100%; 
         width: 100%;  
         margin: 0;
       }

Answer 3

以下是解决方案：

html, body {    height: 100%;    }

但它只是一个解决方案，你需要了解为什么会发生，这是因为你的元素是一个块级元素，它将你的整个内容宽度和高度宽度包装为100％但这不是高度的情况，你需要指定与内容相关的高度，以百分比为单位，如上面的身体已给出100％

enter link description here

为什么我的div消失了？

3 个答案: