Question

网页中如何上2个div左右并排且间距固定

如题，有2个div左右并排且紧贴着，可是当网页窗口大小改变或者用其他浏览器打开的时候，它们中间的距离就会改变，请问如何解决这个问题，无论窗口怎么变让它们都是紧贴着的？

Answer 1

<div class="content">
    <div class="left"></div>
    <div class="right"></div>
</div>

假如页面结构是上面那样，你可以设置content的宽度，然后居中，那么不管页面多宽left和right宽度都不会变化   也就不会分开了。

如果不想设置content 的宽度，想做自适应的话，那就设置left和right的宽度为一个百分比，加起来总共为百分之百就可以了。

再或者设置content为display:box;  然后left和right都设置-webkit-box-flex:1.不过这个方法有兼容性问题，只用在手机上面还是没问题的   

都尝试下吧

Answer 2

计算宽度，这是最简单最直接的方法

<div style="width:XXpx">
    <div>div1</div>
    <div>div2</div>
</div>