如何在HTML中將div的寬度/高度設置爲100％

Question

有沒有辦法讓div的寬度/高度設置爲100％？

這裏是什麼，我試圖做一個例子： http://jsfiddle.net/TUMsN/1/

當我點擊藍色框，父的寬度/高度返回一個空字符串...

Answer 1

使用offsetHeight而不是style.height。 不能使用style.height因爲元素的高度不爲內嵌樣式屬性給出，喜歡這裏：

<div style="height: 200px; ">Hello</div> 

但是如果你使用offsetHeight它會工作無論身在何處的高度已定。

http://jsfiddle.net/marcosfromero/TUMsN/2/

或者您可以使用jQuery和使用height()方法：

http://jsfiddle.net/marcosfromero/TUMsN/3/

Answer 2

您需要使用的offsetHeight和offsetWidth。

我已經更新了小提琴，看看：http://jsfiddle.net/TUMsN/4/