用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%;
}