CSS layout positioning: position, css layout position

CSS layout positioning: position, css layout position
Position: Specifies the positioning type of the element.

Value: static | absolute | fixed | relative

 

Static: default value. No special positioning. The object follows the HTML positioning rules.

 

Absolute (absolute positioning): drag an object out of the Document Stream (stacked ). Use left, right, top, bottom, and other attributes to perform absolute positioning on the parent object with the closest positioning settings. If such a parent object does not exist, it is definitely located according to the body object.

 

Fixed (fixed positioning, a special absolute positioning): relative to the browser window. It can be located based on left, right, top, bottom, and other attributes. Follow the absolute positioning method.

 

Relative (relative positioning): objects are not stacked. You can locate in normal document streams based on left, right, top, bottom, and other attributes.