給div一個style ='height：100％'是什麼意思？

Question

與此有關的SO有很多問題，但我所掃描的都是針對具體情況。我想知道的是，在概念層面上，這是什麼意思說的：

<div style='height:100%'> 

100％有多高？什麼是100％？

[編輯]

的後續問題：如果100％表示父的高度，但父是<體>，也沒有比div的高度等的高度，那麼這是什麼意思？它似乎遞歸定義。

Answer 1

父容器高度的100％。

在這裏看到：http://jsfiddle.net/6VRn6/

如果要使用此方法，使DIV頁面的高度的100％，你需要指定的高度，身體和HTML的100％爲好。

body, html { 
    height: 100%; 
} 

當你不指定html或body高度，其高度在它的元素的高度之和。

Updated demo顯示此內容。我們有一個200px的div，2px的邊框總共204px，然後是40px的狀態div。 body高度應該是244px。現在，如果將上面的CSS添加到頁面，高度將是jsfiddle右下象限的高度。嘗試添加並再次運行代碼。然後調整結果窗格的大小並再次運行以相應地查看高度變化。

Answer 2

100％的offsetParent。在大多數情況下，這是文件。它也可以是除static以外的position或表格的組件。

Answer 3

身高：100％的意思是： 使這個div作爲父母大！

Answer 4

它只是意味着的div或class或tag其內封閉的100％。嘗試有一個想法多少有些這樣的：

{--parent loop { ..height 100% of above loop .. } }