div中的相对定位与绝对定位（Relative positioning and absolute positioning in div）.docVIP

div中的相对定位与绝对定位（Relative positioning and absolute positioning in div） Relative positioning and absolute positioning in div Location tag: position Attributes included: relative (relative) and absolute (absolute) 1.position:relative; if an element is positioned relative to it, it will appear in its place first. Then, by setting the vertical or horizontal position, let the element move relative to its original starting point. (again, relative positioning, the element still occupies the original space, whether or not it is moved. Therefore, moving elements cause it to overwrite other boxes For example: mybox{ Position:relative; Left:20px; Top:20px; } The effect is to move this layer downward and left, 20px. 2.position:absolute; indicates absolute positioning; the position starts at 0 of the upper left corner of the browser, Absolute positioning makes the element irrelevant to the document flow and therefore does not occupy space. The layout of this element in an ordinary document stream is exactly like the absolute positioning element that does not exist. It is relative to the nearest localized ancestor element. If the element does not have a fixed ancestor element, then its position is relative to the original containing block. Depending on the user agent, the initial inclusion block may be the canvas thing HTML element. (because absolute positioning boxes are independent of document flow, they can override other elements on the page and control the stacking order of these boxes through Z-index.). The higher the value of Z-index, the higher the position of the box in the heap Well, theres a problem, and now most of the web pages were doing are centered, then I need this element to follow the web page The position of an element in the image, no matter how much the resolution is, is always aimed at an element in the page, so simple Absolute is no good. The correct solution is to define the parent element of the element as position:relative; (correction: here it may be a g