CSS box model and positioning

Content

Padding

Border

Margin

It can be understood as a television set seen in the mall.

TV------Content

The box with the TV has a border of thickness------border

The foam between the TV and the box-------padding

The distance between a TV and another TV-----margin

Content for television, padding for the bubble between the TV and the box, border for the box thickness of the TV, margin the current TV and other television distance

Position

Relative relative to the original position to move the original position reserved

Absolute absolute relative to the nearest non-standard flow box moved from the original position is not preserved, is filled into a block-level box

Static default left right does not take effect

Fixed relative window itself

Inherit inheritance

CSS box model and positioning