jquery each循环得到div的宽度，再赋值给父元素。结果为什么不对？

Question

<script src="jquery.js"></script>

<div id="a1">

    <div class="aa" style="width: 200px;">423423423423423423423</div>

    <div class="aa" style="width: 180px;">42342342342342342</div>

    <div class="aa" style="width: 150px;">123123</div>

</div>

<script>

var w = 0

$("#a1 .aa").each(function(){

    w += $("#a1 .aa").width();//获取宽度。并累加

})

$("#a1").width(w)

</script>

<style>

    .aa{

        display: inline-block;

    }

</style>

本来结果应该是这样的的

但是把行内样式去掉之后，结果就好大了。

为什么把行内样式去掉。就这样了呢？？？？