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

Editor to share with you how to achieve the relative positioning of Css, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to understand it!

Relative positioning means that the element box set to relative positioning will be offset by a certain distance. The element still retains its unpositioned shape, and the space it originally occupied remains.

If you set the box top of box2 to 50px, the box will be 50 pixels below the top of the original location. If left is set to 20 pixels, 20 pixels of space is created on the left side of the element, that is, moving the element to the right.

As long as box2 sets position to relative, box1 and box3 will never change due to changes in box2.

Relative positioning

.box {

Width: 200px

Height:100px

Border: 1px solid # F00

Float: left

Margin:0 0 0 30px

}

.box2 {

Position: relative

Left: 20px

Top: 50px

}

Box1

Box2

Box3

The above is all the contents of the article "how to achieve relative positioning in Css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow 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.