html - CSS列レイアウトは2つのブラウザで異なって表示されます

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