Himas Rafeek
Posted on: 3 years ago
CSS

css border-box magical goodness

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!


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