在兩個瀏覽器中CSS列布局顯示不同

Question

我想在我的Chrome和Chrome瀏覽器上使用csscolumn佈局。在chrome中它顯示正確的佈局（ex寬度爲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; 
}