CSS box model and position properties

CSS box model: 1, padding padding values, percentages do not accept negative values

2. Margin value and percentage can accept negative value

Example: padding:50px (upper) 50px (left/right) 50px (bottom)

50px (up/Down) 50px (approx.)

50px (UP) 50px (right) 50px (lower) 50px (left)

Display:inline block-level elements into inline elements

Blocks inline elements into block-level elements

Inline-block Inline block elements

Display:none not displayed

CSS Position properties:

1. Static statics

2. Relative relative positioning (not out of document flow)

3. Absolute absolute Positioning (out of document flow)

4 fixed positioning (out of document flow)

When a child element is positioned, the parent element is positioned relative, and the child element is positioned as the parent element.

CSS box model and position properties