display:none 与 visibility:hidden

说白了就是隐藏元素

display:none 隐藏元素后是不占用页面空间的

visibility:hidden 隐藏元素后是依旧占用页面空间的

eg:

正常显示：

如果在第二块元素上加display:none

如果在第二块元素上加visibility:hidden 或者 visibility:collapse

附：

visibility:collapse

在表格元素中使用时，隐藏元素后是不占用页面空间的，在其它元素中使用时等同于visibility:hidden，隐藏元素后是依旧占用页面空间的