CSS - Box Modell

Im Standard Box Model - das alle modernen Browser zur Darstellung verwenden - gibt die "width" eines Elementes nur den dem Inhalt eines Objektes zur Verfügung stehenden Platz an, die Abstände (padding, margin) sowie der Rahmen (border) werden zur width aufaddiert und ergeben zusammen die insgesamte Breite, die ein Objekt an Platz zur Darstellung braucht. Im folgenden Beispiel liegt diese benötigte "Gesamtbreite" bei 150 Pixel:

width: 90 Pixel + padding 2x 10 Pixel + margin 2x 20 Pixel + border 2x 0 Pixel = 150 Pixel.