引導流體網格系統問題歌劇11.64

Question

<!-- html --> 
<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span12 slider">Text 1</div> 
    </div> 
</div> 
<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span8 main"> 
      Text 2 
     </div> 
     <div class="span4 login"> 
      Text 3 
     </div> 
    </div> 
</div> 

/* CSS */ 
.login, .main { 
    border: 1px solid #aeaeae; 
    border-radius: 10px; 
    margin-top: 15px; 
} 
.slider { 
    height: 120px; 
    border: 1px solid #aeaeae; 
    border-radius: 10px; 
    background-image: url(../Images/divFonWithoutBorder.png); 
} 

歌劇

在其他瀏覽器中

我該如何解決它？

Answer 1

原因是Opera中的分數百分比四捨五入到最接近的整數百分比，例如， 5.98％變成5％。據我所知，Opera從未正確處理過這個問題。

我不知道一個很好的解決方案。一種選擇是接受它（而錯誤仍然存​​在）。隨着百分比向下取整，結果應該只是在美學上令人不快，行不會溢出到兩排。另一種選擇是避免使用流體網格系統。

我在Opera上爲此打開了一個錯誤，編號爲DSK-364769（但是沒有辦法跟進進度）。