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

This article mainly introduces "how to understand the absolute and relative positioning of page elements". In daily operation, I believe many people have doubts about how to understand the absolute and relative positioning of page elements. The editor consulted all kinds of materials and sorted out simple and useful methods of operation. I hope it will be helpful for you to answer the doubts of "how to understand the absolute and relative positioning of page elements"! Next, please follow the editor to study!

With regard to the absolute positioning and relative positioning of div, this is what every IT personnel engaged in the front end will use. The so-called absolute positioning is that this thing is there. No matter how other things move, my position remains the same. To put it better, it is called integrity, but when it is not good, it is called playing scoundrels. Of course, absolute positioning is generally used for relative positioning. This is similar to the protection fee collected by the gang. I am in charge of this area, so the position of the elements in me is intended for me and has nothing to do with the outside world. After talking about absolute positioning, let's talk about relative positioning, the element containing this attribute is very unscrupulous. I go wherever the leader goes, and always revolves around the leader. Mm-hmm, so much talk to get down to business.

Sometimes we need to add something to a layer, but it's not as easy to add on a web page as it is in ps. We need to write a div (or other container) to store the contents of our layer, then put it in the layer we want to place (div), set the position in the style property of our parent layer to absolute, and finally set the position of our new div style to relative. So my layer will be on top of the parent layer. The sublayer will have a top bottom left right attribute, and we can locate our elements by going up and down.

It is important to note that if you do not define an absolute positioning layer, then your relative positioning is relative to the entire page, a commonly used prototyping software Axure RP is the global relative positioning. Actually, Axure RP works well.

At this point, the study on "how to understand the absolute and relative positioning of page elements" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.