Shulou(Shulou.com)05/31 Report--

Most people do not understand the knowledge points of this article "how to use position attributes in CSS", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "how to use position attributes in CSS" article.

The position property has four values:

The default is static, and there is no special positioning. Objects follow HTML positioning rules (margin and padding are generally used)

Fixed does not support it. Object positioning follows the absolute (absolute) mode. But obey some norms.

Absolute absolute positioning (relative to the nearest parent element, if the parent element is the default static, then it will be positioned relative to body, if the parent element is relative positioning, then relative to the parent element)

Relative relative positioning (relative to oneself, moving in the original position. Compared with static, top, bottom, left, rigth take effect, but static does not)

Relative is not detached from the document stream, while absolute is detached from the document stream.

Example:

Position static: default value. Without special positioning, the object follows the HTML positioning rule absolute: drag the object from the document stream, and use attributes such as left,right,top,bottom to make absolute positioning relative to its nearest parent object with the most positioning settings. If such a parent object does not exist, it depends on the body object. Its cascading is defined by the z-index attribute fixed: not supported. Object positioning follows the absolute (absolute) mode. But to comply with some norms relative: objects can not be stacked, but will be based on attributes such as left,right,top,bottom in the normal document stream offset position above is about "how to use position attribute positioning in CSS" the content of this article, I believe we all have a certain understanding, I hope the content shared by the editor will be helpful to you, if you want to know more related knowledge content, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.