CSS列布局在两个浏览器中显示不同

Question

我想在chrome和firefox浏览器上使用csscolumn布局。在chrome中它显示正确的布局（ex width-70％left and right 30％）但是在firefox上它显示错误的宽度50％左边和是的。任何人都可以帮助我保持这种一致性吗？

Answer 1

我认为我有更好的方式来处理这种类型的html结构你可以尝试这个并让我知道你是否有任何问题或者你可以检查这个小提琴 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;
}