css border-box magical goodness

/ Published in: CSS
Save to your folder(s)

Forces padding to not be added to overall box dimensions but instead subtracted - good for frameworks. For example, a container 960px with a 20px border and a 20px padding added still remains 960px allowing me to enjoy my life free of pesky maths.

Old skool goodness!

Copy this code and paste it in your HTML
  1. * {
  2. -moz-box-sizing: border-box;
  3. -webkit-box-sizing: border-box;
  4. box-sizing: border-box;
  5. }

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.