CSS Stuff 2 box model

A box model is a rectangular range of page Windows occupied by page elements, and is one of the core foundations of page layout, where the box model is similar to the package we normally receive.

A parcel from the inside out, divided into the real part of the goods and the shell between the filling area, the thickness of the shell, when multiple packages are placed together, the distance between the package and the package is composed of elements. Then put it on the page layout, which is the box model. The box is a rectangular area that he has from inside

To the outside is divided into wide height, padding, border, margin. The margin is the rectangular space that the element occupies.

12 adjacent block elements, there will be no superposition effect in the vertical margin, at this time select the top and bottom element 2 of the margin of the largest person as the real margin

22 adjacent inline elements, that is, a row within the horizontal direction of the existence of margin superposition effect.

3 absolute layouts must be specified with a wide height, so the absolute layout cannot be fully adaptive.

CSS Stuff 2 box model