Understanding and application of three positions in CSS format and layout, css layout

Understanding and application of three positions in CSS format and layout, css layout

The first type of location relationship: position: fixed locking position (relative to the entire browser), usually in the lower right corner of each major website or other locations of small ads.

To adjust the lock position, use the following method: <div>Position: fixed;Top: 0px; left: 0px; right: 0px; bottom: 0px"> </Div>

The second type of location relationship: position: absolute position (relative to the parent-level element-browser, absolutely positioned superior)

(1) If the outermost side does not have absolute, the div changes relative to the browser when the adjustment is made. (2) If the outermost side has absolute, the div changes relative to the outermost layer boundary when the adjustment is made.

To adjust the absolute position, use the following method: <div>Position: absolute;Top: 0px; left: 0px; right: 0px; bottom: 0px"> </Div>

Third location relationship: position: relative location of relative (relative to the location where it should appear)

To adjust the relative position, use the following method: <div>Position: relative;Top: 0px; left: 0px; right: 0px; bottom: 0px"> </Div>