A Look Into: CSS3 Box-sizing

Not so long time ago, when we create a box in a web page, let’s say with a div, we specify 100px for both the width and the height, followed by padding for 10px and borders of about 10px as well.

The browsers will expand the box’s size to 140px, where this amount 140px of the total width/height is made up of the addition of the padding and the borders as follows; 100px [width/height] + (2 x 10px [padding]) + (2 x 10px [border]).

About connornort

Leave a Reply