https://css-tricks.com/box-sizing/
http://css-tricks.com/the-css-box-model/
http://www.cssnewbie.com/understanding-the-css-box-model/
http://www.sitepoint.com/watch-the-axis-of-flexbox
http://hacks.mozilla.org/2010/04/the-css-3-flexible-box-model/
http://www.stubbornella.org/content/2010/12/09/the-hacktastic-zoom-fix/
http://blogs.sitepoint.com/the-ever-increasing-uses-of-a-zoom-layout-part-1/
http://blogs.sitepoint.com/the-ever-increasing-uses-of-a-zoom-layout-part-2/
[http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
http://www.alistapart.com/articles/keepelementskidsinlinewithoffspring - Keeping Your Elements’ Kids in Line with Offspring
http://www.thenoodleincident.com/tutorials/box_lesson/index.html
http://www.tantek.com/CSS/Examples/boxmodelhack.html
What happens when we declare the height and width of an element?
When we declare height and width of an element, we are declaring height and width of its content area (its inner height and width). This height and width does not include padding, border, and margin.
Does the background of an element includes its margin?
No. The background of an element includes its content area, its paddings, its borders, but not its margin.
How can we determine the true height of an element?
True height of an element is determined by: declared height + padding top + padding bottom + border top + border bottom
How can we determine the true width of an element?
True width of an element is determined by: declared width + padding right + padding left + border right + border left
For IE, without a doctype, does the declared height and width include paddings and borders?
Yes. IE (without a doctype), the declared height and width does include padding and border.
