CSS3 box-sizing

En sak som du skall få grepp om är boxmodellen:

Lek med olika marginaler, borders och padding, så att du känner att du förstår den.

Som du ser så är den totala bredden på boxen/div = bredd+padding+border, vilket kan ge vissa bekymmer.

Om du vill kan du få padding och border att ta upp plats INNE i boxen med hjälp av box-sizing: border-box.

Se skillnaden på denna Codepen.

Läs mer på css-tricks.com/box-sizing.

Annonser

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s