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

Question

我想在 chrome 和 firefox 浏览器上使用 csscolumn 布局。在 chrome 上它显示正确的布局（例如宽度 70% 左右 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;
}