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

Question

我在这里遇到问题.这里有两个div"div1"和"div2".这里我想根据"div2"宽度调整"div1"宽度.我的要求是不应该为"div1"包含scrollBar的宽度,即我应该设置"div1"的高度,不包括"div2"中scrollBar的宽度.我想要一个jquery函数来查找宽度并减小"div1"的宽度.样本要求如下所示

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;
}

小提琴演示就在这里

小提琴

Answer 1

见:http://jsfiddle.net/d34Fk/5/

jQuery:

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