1px Lücke in Zeile CSS Grid mit

Question

Ich versuche, eine benutzerdefinierte CSS-Raster zu machen:

.row 
    box-sizing: border-box 
    background-color: tomato 
    font-size: 0 
.row:after 
    content: "" 
    display: table 
    clear: both 
[class*="col-"] 
    float: left 
    min-height: 1px 
    box-sizing: border-box 
.col-1-4 
    width: 25% 
.col-3-4 
    width: 75% 
.col-2-3 
    width: 66.66667% 
.col-1-3 
    width: 33.33333% 

Aber wenn ich Seite eine 1px Lücke bin Zoomen erscheinen am Ende der Reihe: Image

Wie kann dies vermieden werden?

Answer 1

Wahrscheinlich ist es nur ein Rundungsfehler. Siehe auch: Fixing Sub-Pixel rounding issue in a CSS Fluid Grid

Sie können dies vermeiden, indem Sie die letzte Spalte in einer Zeile width: auto geben.