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

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

HTML

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