CSS and document streams, CSS document streams

CSS and document streams, CSS document streams

1. There are three types of CSS positioning mechanisms: normal stream, floating and positioning.

2. Document Stream: from top to bottom, from left to right, simple or normal layout.

3. Positioning: (position)

 

Static: Keep the document flow.

Relative: displacement occurs Relative to the original position and the document flow is maintained, occupying space.

Absolute: removes the Document Stream, occupies no space, and locates it relative to its contained block.

4. Floating: (flaot) is out of the Document Stream and does not occupy space.

5. I used to think that the position: static attribute is a lot more than that. Now it seems that its role is to keep the element in the document flow!

The above are all problems I found in the course of learning. We welcome the students who have more ideas to share their opinions with each other to achieve the effect of common progress.

 

From: http://blog.sina.com.cn/s/blog_68150d100101229a.html