元素的显示与隐藏存在三个属性。display、visibility和overflow。
display
display用于设置一个元素如何显示。其用法如下：
display：none； 隐藏对象，使用display隐藏对象之后，元素不再占有原来的位置。
display：block； 显示对象，还有一层其他的含义就是转换为块元素的意思。
display除了以上两种用法之外，还有一些其他的用法。如下：
visibility
此属性指定是否显示一个元素生成的元素框，即元素仍占有原来的空间，但可以完全不可见。 其用法含义如下：
值 描述 visible 默认值。元素是可见的。 hidden 元素是不可见的。 collapse 当在表格元素中使用时，此值可删除一行或一列，但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上，会呈现为 "hidden"。 inherit 规定应该从父元素继承 visibility 属性的值。
overflow
此属性定义溢出元素内容区的内容会如何处理，如果未scroll，不论是否需要，都会产生滚动条。就算是可以放下所有元素仍会出现。其取值如下：
值 描述 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。