【CSS】两列内容有背景，有间距，怎么右边和左边高度保持一致？


问题描述：



解决方案：

1、css

   .box {width: 240px; padding:0 20px; border: 1px solid #000;}   

   .con1 {border: 1px solid #999;width:100px; background:#f0f0f0; float: left; word-break: break-all;}

   .con2 {border: 1px solid #999;margin-left: 20px; width:100px; background:#f0f0f0; float: left; word-break: break-all;}

2、Html

 <div class="box">  

         <div class="con1" id="left">eftconleftefftconleftconleftcoleftcon</div>   

        <div class="con2" id="right">right</br>right</br>right</br>right</br></div>   

 </div>

   <script type="text/javascript"> document.getElementById("right").style.height = document.getElementById("left").offsetHeight + "px"; </script>

预览效果：