IE css中百分比的问题

Question

我正在创建一些div元素。然后我尝试使用百分比给出div的宽度和高度。什么都没发生。 问题是什么？

Demo

HTML：

<!--Wrapper div-->
    <div id="wrapper">
       <div id="inbox">

        </div> 

    </div>

CSS：

html, body {
    width:100%;
    background-color:yellowgreen;
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background-color: #ffffcc;
    min-width: 700px;
    -webkit-box-shadow: 5px 5px 5px #828282;
    -moz-box-shadow: 5px 5px 5px #828282;
    box-shadow: 5px 5px 5px #828282;
}

#inbox {
    width:60%;
    height:70%;

}

Answer 1

在{css

中将height:100%添加到html, body和#wrapper

这是一个更新的小提琴：fiddle

Answer 2

它正在工作，除了你的div没有高度。设置最小高度或添加一些内容。

Answer 3

您需要为height的每个父元素指定某种形式的#inbox，包括html。

html, body {
    height:100%;
}

#wrapper {
    min-height:70%;  
}

#inbox {
    height:70%; 
}