html - CSS Column Layout 在两个浏览器中显示不同

Question

我想在 chrome 和 firefox 浏览器上使用 csscolumn 布局。在 chrome 上它显示正确的布局(ex width-70% left and right 30%)但是在 firefox 上它显示不正确的 width 50% left and对。有人可以帮我使这个保持一致吗？

Answer 1

我想我有一个更好的方法来处理这种类型的 html 结构，你可以试试这个，如果你有任何问题，请告诉我，或者你可以检查这个 fiddle http://jsfiddle.net/sarfarazdesigner/FjMr3/ html代码是:

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

CSS 代码是:

    .wrapper{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.left{
    position:absolute;
    left:0;
    width:70%;
    top:0;
    bottom:0;
    background-color:#06F;
}
.right{
    position:absolute;
    left:70%;
    right:0;
    top:0;
    bottom:0;
    background-color:#0FF;
}