What does * { box-sizing: border-box; } do? What are its advantages?

1.	What does * { box-sizing: border-box; } do? What are its advantages?
Answer» It makes every element in the DOCUMENT include the padding and BORDER in the element’s inner dimension for the HEIGHT and width computation. In box-sizing: border-box, The height of an element is now calculated by the content's height + VERTICAL padding + vertical border width. The width of an element is now calculated by the content's width + horizontal padding + horizontal border width.

Discussion