Relative positioning and absolute positioning in CSS

1. The value of the position property of the element defaults to static or no positioning, the element appears in the normal flow of the document, this time you set the element to the Left,right,bottom,top these offset properties are not effective, when using relative positioning, Even if the element is offset, but he still occupies the space before it is not offset, absolute positioning: Position:absolute, is set absolute positioning elements, in the document flow is not occupy space, if an element set absolute positioning, then its position in the document flow will be deleted.

2. The parent container uses relative positioning, the child element uses absolute positioning, so that the position is no longer in the upper left corner of the browser, but relative to the upper left corner of the parent container

3. Relative positioning and absolute positioning require top,right,bottom. Left is used to customize the location, and these four properties will not take effect until the element is used for positioning, and in other cases not. In addition, these four properties can only use the adjacent two, not the use of the next. Or use left in time, and use right.

Relative positioning and absolute positioning in CSS