visibility:hidden 和 display:none 的区别

display:none估计大家再熟悉不过了，呵呵，至少我是再熟悉不过了。经常用到的CSS属性。对于visibility:hidden 不一定每个会写CSS的人都了解。幸好，我今天了解了。特跟大家分享一下。

display:none 和 visibility:hidden 的共同点都是让这两个元素隐藏起来。但是display:none是完全隐藏，不占据空间了，而visibility:hidden虽然后隐藏看不见了，但是它还是占这空间，可以说visibility:hidden是个“占着茅坑不拉屎”的CSS属性，呵呵，开个玩笑，我们会用到的。以下例子就是我用到了这个属性：

<div style="position:absolute; background:#fff;z-index:5; width:20px; height:115px;*left:460px;visibility:hidden;"></div>