css - 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

在html、body和css中的#wrapper中添加height:100%

这是一个更新的 fiddle :fiddle