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

This article introduces you how to analyze the two DIV CSS positioning applications, the content is very detailed, interested friends can refer to, I hope to help you.

Are you familiar with the concept of DIV CSS positioning? Here is a description of the use of absolute positioning and relative positioning. In the process of controlling typesetting with DIV+CSS, positioning has always been considered a difficulty.

DIV CSS positioning

And we focus on the absolute positioning of DIV CSS positioning and relative positioning, in the use of DIV CSS control typesetting process, positioning has been considered a difficult point, this is mainly manifested in many users in the absence of a deep understanding of the principle of clear positioning, the layout of the messy web pages often let them at a loss.

Absolute positioning:

The absolute positioning attribute in DIV CSS positioning will be the key to opening the door of happiness for net worms:

H4{position:absolute;left:100px;top:43px}

This CSS rule lets the browser start at exactly 100 pixels to the left of the browser and 43 pixels to the top. Note that the *** setting here is left and top, that is, the text will be loaded from left to right, from top to bottom in the browser window.

The left and top attributes are intuitive, with the left setting the distance of the feature from the left of the browser window and the top setting the distance from the top of the browser window. When setting these distances, you can use the various units or scale values you have learned. When using scale values, the scale value is the size relative to the parent feature.

What can you locate? Anything! Paragraphs, words, GIF and JPEG images, QUICKTIME movies, and more.

Relative positioning:

Absolute positioning in DIV CSS positioning allows you to accurately position features independently on the page, regardless of positioning settings for other features on the page. Relative positioning in DIV CSS positioning refers to the position of the feature you position relative to the position assigned in the file. Example:

I{position:relative;left:40px;top:10px}

The key to relative positioning is that the position of the positioned feature is positioned relative to where it should normally be. DIV CSS positioning relative positioning unit appears in the ordinary static positioning unit row, positioning does not completely separate itself from the static positioning unit. If you stop using relative positioning, the text will return to its normal position. Be careful when using relative positioning, otherwise it is easy to make a very messy page.

In addition to relative positioning and absolute positioning in DIV CSS positioning, you can also use static parameter values. Static is the default value for the position attribute. It is used in the same way as the positioning method in ordinary HTML, and special positioning settings cannot be attached. That is, nothing can affect the positioning of a cell except the margin property, or by floating the cell using the float property.

About how to parse the two DIV CSS positioning applications to share here, I hope the above content can be of some help to everyone, you can learn more knowledge. If you think the article is good, you can share it so that more people can see it.

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.