A, the display: none;

Hide the element, does not take up any space on the page, make the element completely disappear (can not see and touch)

Second, the overflow: hidden;

Hiding the excess element means that when you set the property it will cut off the excess element according to the width and height you set

We all know that each browser on the interpretation of the code is different, so we will meet when doing the page a lot of bugs, in IE if the height of the content more than the height of the floor he will automatically open, but firefox, how high is the height of this layer is so big, high content of even beyond the high Settings will not affect you, At this point we can use overflow: hidden; That’s number one, and we can do a lot of Hove effects with it

Three, the visibility: hidden;

He hides that layer, meaning you can’t see its content but the space it occupies is still there. (Invisible but palpable)

{ display: none; / * do not occupy a space, can’t click * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /

{ visibility: hidden; / * occupy space, unable to click on the * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /

{ height: 0; overflow: hidden; / * do not occupy a space, can’t click * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / {position: absolute; top: -999em; / * do not occupy a space, can’t click * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / {position: relative; top: -999em; / * occupy space, unable to click on the * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / {position: absolute; visibility: hidden; / * do not occupy a space, can’t click * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / {opacity: 0; filter:Alpha(opacity=0); / * occupy space, you can click on the * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * / {position: absolute; opacity: 0; filter:Alpha(opacity=0); / * do not occupy a space, you can click on the * /} / * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * /