Shulou(Shulou.com)06/03 Report--

This article mainly explains the composition and characteristics of css positioning. The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn the composition and characteristics of css positioning.

1, the composition of the positioning: set the box in a certain position, so the positioning is also placing the box, moving the box in the way of positioning. Positioning = positioning mode + edge offset.

2. The positioning mode has four values: static, relative, absolute, and fixed.

Static: static positioning, which is the default positioning method for elements, with no meaning of positioning.

Relative: relative positioning is when an element moves relative to its original position.

Features:

It moves relative to its original position (when moving the position, the reference point is its original position)

The original position in the standard stream continues to occupy, and the back box still treats it in the same way as the standard stream (do not detach, continue to retain the original position)

Absolute: absolute positioning absolute positioning is when an element moves relative to its ancestor element.

Features:

If there is no ancestor element or if the ancestor element is not positioned, the browser prevails (Document document)

If the ancestor element has positioning (relative, absolute, fixed positioning), the nearest level of positioned ancestor element is used as the reference point.

Absolute positioning no longer occupies the original position. (substandard)

Fixed: fixed positioning is the location where the element is fixed in the browser's visual area. The main usage scenario: the position of the element does not change as the browser page scrolls.

Thank you for your reading, the above is the content of "the composition and characteristics of css positioning". After the study of this article, I believe you have a deeper understanding of the composition and characteristics of css positioning, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.