Advanced Search

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!

Expand | Embed | Plain Text

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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.