width 20%, inkl. Border 1px, wie?

[Matthias Scharwies]

ich möchte 5 Boxen nebeneinander ausgeben. Solange ich keinen Rahmen rum mache funktioniert es einbandfrei, doch mit Rahmen eben nicht, wie kann ich einen Rahmen anzeigen lassen ohne das er meine Breite beeinflusst. Bzw. wie integriere ich diesen in meine width Angabe?

Mit box-sizing: border-box;

  
 .box  {  
 width:20%;  
 border: 1px solid #fff;  
 height:100px;  
 float:left;  
box-sizing: border-box;  
}

Ein Artikel über das alternative boxmodell in der wiki:
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/box-sizing