.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"!