CSS positioning and floating

1, positioning

Normal flow

Floating

Absolute layout

Position:static: Offset and Z-index no effect

Relative

Absolute---no longer occupies a position

Fixed---position, no longer occupies the position, but regardless of the page scrolling, are fixed in this position

Overflow

Clip

Vertical-align

z-index:100; The larger the value, the more it covers the top

left-top-right-buttom:20px offset in four directions

2, floating

Float:left right none inherit (inherited from parent)

Clear:left right both inherit; Clear floating

Does not occupy position after floating (relative to things that do not float)

The float adapts to the size of the container and starts to float

CSS positioning and floating