Css relative positioning

Css absolute positioning allows you to precisely locate the independent location of elements on the page without considering the positioning settings of other elements on the page. Relative positioning refers to the location of the element you are positioning relative to the location allocated in the file. Example:

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

The key to relative positioning is that the location of the positioning element is usually relative to the location where it should be located. If you stop using relative positioning, the text display position will return to normal.

 

Be careful when using relative positioning; otherwise, the page may be messy.

 

In addition to relative positioning and absolute positioning, you can also use static parameter values. Its usage is the same as that in common HTML, and special positioning settings cannot be attached.

 

Not bad? Next we will learn how to control the elements of positioning.