关于元素是否占用位置的CSS属性

CSS属性中可以隐藏元素，但有两种情况，一种是“不显示也不占用空间”，另外一种是“不显示但占用空间位置”

不显示也不占用空间：

display:none;

以下为示例代码：

<span style="display:none;">test display</span>

display:none类似于没有此元素。

不显示但占用空间位置： 

visibility:hidden;

以下为示例代码：

<span style="visibility:hidden;">test visibility</span>

visibility:hidden 类似于此元素占用的位置还存在，只是不显示元素的内容。相当于一个有此元素大小的空框架占用着空间位置。