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

Today, the editor will share with you the relevant knowledge points about how to set the relative positioning of CSS. The content is detailed and the logic is clear. I believe most people still know too much about this, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

Relative positioning is a very easy concept to grasp. If an element is relatively positioned, it will appear at its location. You can then move the element "relative to" its starting point by setting the vertical or horizontal position.

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

# box_relative {position: relative; left: 30px; top: 20px;}

As shown in the following figure:

Note that when using relative positioning, the element still occupies the original space, regardless of whether it is moved or not. Therefore, moving the element causes it to overwrite other boxes.

These are all the contents of the article "how to set the relative location of CSS". Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, 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.