Question

In CSS, when I set an elements width to 100px then I set its padding to 10px, it’s actual width is 120px.

Note: I am unsure if this occurs all the time or only when the position = absolute like all my elements have.

Is there a setting where if I tell an element to be 100px in width(& have a padding of 10px) that its width will always be 100px? Is there a way to ensure that the width compensates for the padding?

myClass { width: 100px; padding: 10px; }

Answer 1

There is:

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;