如何在HTML中将div的宽度/高度设置为100％

Question

有没有办法获得已设置为100％的div的宽度/高度？

这是我想要做的一个例子： 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/