CSS relative positioning

[Guide] CSS Absolute positioning allows you to pinpoint the location of a feature on a page, regardless of the location of other features on the page. Relative positioning refers to the position of the feature you are targeting relative to the location it is assigned in the file. Example: I {position:relative; left:40px; t

CSS absolute positioning allows you to pinpoint the location of a feature on a page, regardless of the location of other features on the page. Relative positioning refers to the position of the feature you are targeting relative to the location it is assigned in the file. Cases:

I {position:relative; left:40px; top:10px}

The key to relative positioning is that the position of the positioned feature is positioned relative to where it normally should be. If you stop using relative positioning, the position of the text will return to normal.

Be careful when using relative positioning, otherwise it is easy to make the page very messy.

In addition to relative positioning and absolute positioning, you can also use the static (static) parameter values. It is used in the same way as normal HTML, and cannot attach special positioning settings.

Isn't it good? Below we will learn how to control the elements that are positioned.