元素的显示与隐藏

对于元素的显示与隐藏主要有三种方式：

（1）display属性：
使用 display: none 隐藏元素之后，不再为元素保留位置。

	display: none; //元素隐藏
	display: block; //元素显示

（2）visibility属性：
使用 visibility: hidden 隐藏元素之后，仍然为元素占有位置。

	visibility: visible; //显示元素
	visibility: hidden; //隐藏元素

（3）overflow属性：

overflow: visible; //不剪切内容，也不添加滚动条
overflow: hidden; //不显示超出部分的内容，超出的部分隐藏掉
overflow: scroll; //不管是否超出内容，总是添加滚动条
overflow: auto; //超出内容部分显示滚动条，不超出部分不显示滚动条

注意：如果想要隐藏内容，并不保留位置的话，可以使用dispaly: none；如果想要隐藏内容，保留位置的话，可以使用visibility: hidden;