How to change a DIV padding without affecting the width/height ?

Question

I have a div that I want to specify a FIXED width and height for, and also a padding which can be changed without decreasing the original DIV width/height or increasing it, is there a CSS trick for that, or an alternative using padding?

Answer 1

Declare this in your CSS and you should be good:

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

This solution can be implemented without using additional wrappers.

This will force the browser to calculate the width according to the "outer"-width of the div, it means the padding will be subtracted from the width.