如何让JS小提琴以简单的宽度和高度百分比工作

Question

我正试图发布一个我遇到百分比的问题而且我在将它简化为JS小提琴中的简单案例时遇到了很多麻烦。我不想从这个问题中推断太多，但是JS小提琴正迫使我这么做。

的CSS：

.content-container {
   width: 100%;
   height: 100%;
   outline: 1px solid;
}

.inner-box {
   width: 56%;
   height: 56%;
   position: relative;
   outline: 1px solid;
}

html：

<div class = "content-container">  
    <div class = "inner-box">

    </div>
</div>

小提琴：

http://jsfiddle.net/XMBEq/1/

完全相同的代码。

http://bonkmas.com/examplejs.html

Answer 1

你需要 -

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

Working Demo