display:none和visibility:hidden 都是对对应元素进行隐藏，但是在文档布局中产生的效果不一样。

display:none

隐藏对应的元素，文档布局中不再给它分配空间，它各边的元素会合拢，相当于隐藏的元素完全不存在

visibility:hidden

隐藏对应的元素，但是在文档布局中仍保留原来的空间。

css	相同点	文档布局影响
display:none	隐藏元素	有影响
visibility:hidden	隐藏元素	无影响