如何让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