如何在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/