CSS Layout notes

1. Display block-level elements (Div, p, etc.) inline elements (a, span, etc.)

Common example: Change Li to inline and create a horizontal menu

2, max-width to adapt to different browser window size, ie7+ support this property

3. Box-sizing:border-box when you set an element to this property, the inner margin and border of the element do not affect its content width, and no value is required to calculate the width of the content.

The disadvantage is that different browser cores are set separately and only support ie8+

4, Position

5. The difference between floating and display:inline-block and usage tutorial See http://zh.learnlayout.com/toc.html

CSS Layout notes