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