What is css positioning? How to use css positioning

What is css positioning? How do novices use css positioning? I believe that these are relatively unfamiliar to novices who have just started, so let’s explain what is css positioning? How to use css positioning? [Recommended reading: Summary of the four common positioning attributes in css (left right top bottom) ]

1: What is css positioning

There are three positioning mechanisms in css positioning, namely ordinary flow, positioning and floating. In css, the position of the ordinary flow is determined in xhtml, and any text is To limit, the position can also be changed through CSS styles. We can use margin tags to change the position of elements. Use css positioning to obtain the normal position of the label, thereby obtaining the relative position of the parent element and other browsers.

2: How to use css positioning

Careful people will find that some websites have a place on the right side that is fixed when browsing the web. , no matter how the viewer browses, the area on the right side will not move. Next, we will implement this function.

1. To implement, we create a div in the code, add width and border to the div, and display it in the center of the web page. Then we can add various information to this div, and then we create another The div comes and goes to fix the image to be positioned.

2. When creating the second div, we set the class of the div to new and use the class selector to set the div. Then we use position: fixed; and write top and left as 0. This will allow you to fix the image.

The above is what is css positioning? A complete introduction to how to use css positioning. If you want to know more about CSS3 tutorial, please pay attention to the php Chinese website.

The above is the detailed content of What is css positioning? How to use css positioning. For more information, please follow other related articles on the PHP Chinese website!