Question

我的页面上有两个div，我想设置相同的宽度。请考虑以下标记：

<div>
    <div>
        <!-- content -->
        <div id="a">
        </div>
    </div>
</div>
<div id="b">
</div>

如何设置div#b的宽度等于div#a的计算宽度

Answer 1

var width_a = document.getElementById("a").offsetWidth; //get the width of div#a;
document.getElementById("b").style.width = width_a + 'px' ; //set the width of div#b to width ofdiv#a

Answer 2

只需简单地执行此操作

document.getElementById("a").offsetWidth=document.getElementById("b").offsetWidth;

Answer 3

这将起作用

$('#b').width($('#a').width());

Answer 4

通过使用jQuery，您可以设置如下：

$('div#b').width($('div#a').width())

工作示例：JSFiddle Demo

Answer 5

使用Javascript：

document.getElementById('b').style.width = document.getElementById('a').offsetWidth + 'px';

使用jQuery：

$('div#b').css({
    width: $('div#a').width()
});

如何设置div #a的宽度等于div #b

5 个答案: