CSS box-sizing – Vorteile des Styles

Normalerweise gibt man einen Element eine Breite an und positioniert in diesem weitere Elemente oder Texte. Fügt man diesem Element aber die Styles margin, padding oder einen border hinzu, dann verändert sich die Breite, je nachdem welche Werte eingeben wurden. Das ist gerade für Anfänger relativ lästig. Was sage ich da – nicht nur für Anfänger.

Elemente feste Breite geben dank box-sizing

Seit es box-sizing gibt können wir Elementen eine feste Breite geben und das Element verändert sich nicht mehr. Es verändert nicht seine Breite und ich muss ehrlich sein – ich bin so dankbar für diese Möglichkeit und nutze es überall. Ich wende box-sizing mittlerweile generell auf alle Elemente an. Und so sieht der Code dann aus. WordPress Dummy htpasswd

				* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}