What is the role display values are?
none: element hiding, does not occupy the position
block: the display element is block-level element
inline: By default, the element is displayed inline element
inline-block: block elements inline
list-item: This element will be displayed as a list
run-in: The element is displayed as a block-level element or elements based on the context of inline
table: This element is displayed as a block-level table
inline-table: This element is displayed as a table reserved
table-row: The row element will be displayed as a table
table-row-group, table-header-group, tabele-footer-group, table-column-group: This element rows as one or more packets to display
table-column: This element as a display cell in the column
table-cell: This element displayed as a table cell
table-caption: This element will be displayed as a table header
inherit: inherited from the parent element display property values
relative and absolute positioning are relatively Who?
position: absolute absolute positioning
Referring to the upper left corner of the browser, with the top, right, bottom, left to locate, if these four properties are not set by default as the original parent basis points. If the property has been set, and the parent attribute is not set position, places the browser to locate the upper left corner of the original point. Text flow out, and with respect to positioning the parent, if the parent attribute is not located, the find superior to positioning, if not all, places the positioning body.
position: relative relative positioning
Referring to the original parent points to the original point, no parent body places the original point is the point of origin, when a parent having padding css attributes like, the original point of the current reference point of the original parent content area positioned. No text flow out, is positioned relative to the parent and sibling nodes,