获取没有滚动条宽度的Div宽度

Question

我在这里遇到问题。这里有两个div＆＃34; div1＆＃34;和＆＃34; div2＆＃34;。在这里，我想调整＆＃34; div1＆＃34;宽度根据＆＃34; div2＆＃34;宽度。我的要求是＆＃34; div1＆＃34;不应包含scrollBar的宽度。即我应该设置＆＃34; div1＆＃34;的高度。 在＆＃34; div2＆＃34;中排除scrollBar的宽度。我想要一个jquery函数来查找宽度并减小＆＃34; div1＆＃34;的宽度。 样品要求如下所示

HTML

<div class="div1"></div>
<div class="div2">HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello</div>

CSS

.div1
{
    width:100px;
    height:100px;
    border:1px solid black;
}
.div2
{
    width:100px;
    height:300px;
    border:1px solid black;
    overflow:auto;
    word-break:break-all;
}

小提琴演示就在这里

Fiddle

Answer 1

请参阅：http://jsfiddle.net/d34Fk/5/

jQuery：

var width = $('.div2')[0]['clientWidth'];
$('.div1').css({'width':width+'px'});