display:none与visibility:hidden的区别

（从已经死了一次又一次终于挂掉的百度空间人工抢救出来的，发表日期 2014-06-16）

 

display:none和visibility:hidden都能把网页上某个元素隐藏起来，但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间。

visibility:hidden--- 使对象在网页上不可见，但该对象在网页上所占的空间没有改变。

 

思考：position top -10px 和 margin-top -10px的区别