高度百分比不适用

Question

我想了解为什么在我的情况下， height：x％不适用。使用百分比，div /部分总是得到 height：0 。

My code:  http://codepen.io/anon/pen/aHhmD

Answer 1

使用width和height代替min-width和min-height也解决了问题。

Answer 2

对于要应用百分比高度的元素，其祖先必须应用高度。你的section.geral只有一个最小高度。改为给它一个高度：

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

.geral{
  position: relative;
  display: block;       
  min-width: 100%;
  height: 100%;
  background-color: #008000;
}

.um{
  position: relative;
  display: block;
  background-color: navy;
  min-width: 100%;
  min-height: 50%;
}

.dois{
    position: relative;
  display: block;
  background-color: orange;
  min-width: 100%;
  min-height: 50%;  
}