使用jQuery将宽度设置为百分比

Question

如何使用jQuery将div的宽度设置为百分比？

Answer 1

使用宽度函数:

$('div#somediv').width('70%');

将转向:

<div id="somediv" />

成:

<div id="somediv" style="width: 70%;"/>

我在变量中得到了宽度!我怎样才能达到%宽度？ (3认同)
@hemnathmouli jQuery("div#somediv").width(myvar +"%"); (2认同)
我试图使用 `.width("20%")` 设置宽度，但是该元素不断设置为 `width: 24%`。深入研究文档后，发现这与 CSS `box-sizing` 属性有关。使用 `.css({'width':"20%"})` 将避免这种调整。 (2认同)

Answer 2

Hemnath

如果您的变量是百分比:

var myWidth = 70;
$('div#somediv').width(myWidth + '%');

如果您的变量以像素为单位,并且您想要它占用父项的百分比:

var myWidth = 140;
var myPercentage = (myWidth / $('div#somediv').parent().width()) * 100;
$('div#somediv').width(myPercentage + '%');

Answer 3

这是一个对我有用的替代方案:

$('div#somediv').css({'width': '70%'});