javascript 两个DIY一样的宽度。

用javascript 如何实现 当 "aa"的宽度发生变化时，“bb”的宽度也随之变化成一样的宽度。

 <div class="aa"></div>
 <div class="bb"></div>

aa，bb样式怎么写的，inline-block？

aa内容改变导致的宽度改变还是什么？最好是在更改aa内容改变后或者aa宽度(aa.offsetWidth)设置bb的宽度(bb.style.width=aa.offsetWidth+'xp'）

如果你无法修改逻辑，就用计时器定时执行上面的设置bb宽度代码就行

<style>.aa,.bb{background:#eee;margin-left:10px;display:inline-block}</style>
<div class="aa">aaa</div>
<div class="bb">bbb</div>
<script>
    var aa = document.querySelector('.aa'), bb = document.querySelector('.bb');
    setInterval(function () { bb.style.width = aa.offsetWidth + 'px' }, 100)

    setInterval(function () {aa.innerHTML+='a' }, 1000);
</script>

如果要实现一个div宽度边框，另一个div也进行调整：那必须有个线程不停检测div1
的宽度是否发生变化：
如: var dw1 = 100;//div1的初始宽度
setInterval(function() {
if（div1.width ！= dw1） {//伪代码
dw1 = div1.width;
dw2.resize(dw1);
}
});