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

Spread the love

Sometimes, we want to change a DIV padding without affecting the width/height with CSS.

In this article, we’ll look at how to change a DIV padding without affecting the width/height with CSS.

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

To change a DIV padding without affecting the width/height with CSS, we set the box-sizing properties.

For instance, we write

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

to set box-sizing to border-box to stop padding from changing the width and height of the any element.

Conclusion

To change a DIV padding without affecting the width/height with CSS, we set the box-sizing properties.

Leave a Reply

Your email address will not be published. Required fields are marked *