用inline-block实现两列布局，在手机浏览器上有兼容性问题

下面这个DOM结构

<div>    <div>div1</div>    <div>div2</div></div>

使用inline-block的方式实现2列布局：

div {    font-size: 0;}div > div {    display: inline-block;    width: 50%;    font-size: 14px;}

虽然在PC上可以解决1px间隙的问题，但是在很多手机浏览器上（android 4.2以下），会有兼容性问题。右边的div会掉到下面

所以更好的办法是：

div {    overflow: hidden;}div > div {    float: left;    width: 50%;}