如何在JavaScript中设置div的宽度百分比？

Question

是否可以使用JavaScript或jQuery以百分比设置元素的高度/宽度？

Answer 1

document.getElementById('header').style.width = '50%';

如果您使用的是Firebug或Chrome/Safari开发人员工具,请在控制台中执行上述操作,您将看到Stack Overflow标头缩小50%.

Answer 2

jQuery方式 -

$("#id").width('30%');

Answer 3

我总是这样做:

$("#id").css("width", "50%");

Answer 4

问题是你希望 div 的高度/宽度是多少的百分比？

默认情况下，如果您为高度/宽度分配百分比值，它将相对于其直接父尺寸。如果父级没有定义高度，那么它就不起作用。

所以简单地说，记住设置父级的高度，然后百分比高度将通过 css 属性起作用：

obj.style.width = '50%';