breite DIVs auf volle Seitebreite skalieren

[bimini]

.zimmer {
width: 6.7%;
border: 2px solid #000;

100/22= 4.54

Wenn Du width:4.54% nehmen würdest, hättest du die 2px border, die zusammen 2*2*22 noch mal 88px brauchen würde.

Am besten wäre

• {

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit /
-moz-box-sizing: border-box;    / Firefox, other Gecko /
box-sizing: border-box;         / Opera/IE 8+ */
}

>   
> Dann werden alle borders und paddings "passend gemacht"!  

Hab das jetzt mal angepasst.  
  
Sieht auch ganz gut aus aber, ich habe auf der rechten Seite noch einen kleinen freien Bereich.  
Gibt es eine möglichkeit den wegzubekommen bzw. wenn das nicht geht die ganze Reihen der Quadrat einfach zu zentrieren?  
  
HTML ist gleich geblieben.  
CSS sieht jetzt so aus:  
  
~~~css
  
.zimmer {  
	font-family: Verdana, Geneva, sans-serif;  
	height: 60px;  
	width: 7.1%;  
	background-color: #4ECDC4;  
	float: left;  
	text-align: center;  
	border: 2px solid #000;  
	border-radius: 0px;  
	background-color: #BCD2EE;  
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */  
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */  
        box-sizing: border-box;         /* Opera/IE 8+ */  
}  
  

Im Browser sieht es so aus: https://www.dropbox.com/s/95he0x2kseqgrhy/Unbenannt.PNG