Show and hide elements
There are three in CSS to show and hide the more common words, we have to distinguish, they are display visibility and overflow.
Their main purpose is to allow an element disappeared in the page, but not in the source document is deleted. The most common site is advertising, when we click like shutting gone, but we reload the page, they will appear and you play hide and seek! !
display display
display settings or how to display and whether to retrieve the object.
display: none hidden object is opposite to its display: block conversion in addition to block-level elements other than, as well as the meaning of the display elements.
Features: After hiding, no longer retain the position.
visibility Visibility
Sets or retrieves whether to display the object.
visible: object visualization
hidden: Hidden Objects
Features: After hiding, continue to keep the original position. (Suspended with pay)
overflow overflow
When the content retrieval or object disposed over how they manage content specified height and width.
visible: no content nor shear add scroll bars.
auto: automatically display beyond the scroll bar does not show beyond the scroll bar
hidden: do not show the content exceeds the size of the object, the excess part of the hide
scroll: No matter beyond the content, always show scrollbars