CSS BUG：如何將項目

Question

之間移除空間我已經在插件中，我發現開發的問題。當百分比恰好相加時，框之間有一個空格。這個問題也只有在出現一定的寬度 - 調整的.wrapperdiv寬度實際上將正確顯示的項目。

1. 爲什麼會出現這種情況？爲什麼它看起來只有一定的尺寸？
2. 我該如何解決？我不能簡單地調整的.wrapper

.wrapper { 
 
    width: 454px; 
 
    height: 200px; 
 
    position: relative; 
 
    border: 1px solid #ddd; 
 
} 
 

 
.inner { 
 
    width: auto; 
 
    height: 100%; 
 
    position: relative; 
 
} 
 

 
.item-holder { 
 
    width: 100%; 
 
    height: 100%; 
 
    position: relative; 
 
} 
 

 
#item1 { 
 
    position: absolute; 
 
    width: 49.8%; 
 
    height: 49.8%; 
 
    top: 16.6%; 
 
    left: 41.5%; 
 
    background: red; 
 
} 
 

 
#item2 { 
 
    position: absolute; 
 
    width: 8.7%; 
 
    height: 33.2%; 
 
    top: 33.2%; 
 
    left: 91.3%; 
 
    background: green; 
 
}

<div class="wrapper"> 
 
    <div class="inner"> 
 
    <div id="item1"> 
 
    </div> 
 
    <div id="item2"> 
 
    </div> 
 
    </div> 
 
</div>

鏈路寬度撥弄：https://jsfiddle.net/4pve7ws4/

Answer 1

寬度和其他數字變得圓潤像素的整數倍，有時這會導致意想不到的結果。

你應該自己圓的數字，或嘗試走得更遠像49.8957515有時工作的詳細信息。