visibility属性所控制的元素虽然不在浏览器里面显示出来，但他在浏览区里是存在的，只是不显示而已
隐藏元素
visibility:hidden
显示元素
visibility:visible
visibility属性
visibility:visible 元素可见，默认值。
visibility:hidden 元素不可见，但仍然为其保留相应的空间。
visibility:collapse 只对table对象起作用，能移除行或列但不会影响表格的布局。如果这个值用在table以外的对象上则表现为hidden。
visibility:inherit 继承上级元素的visibility值。
与display的区别
visibility隐藏元素 元素存在只是不显示但仍然为其保留相应的空间
display属性设置为none，这个元素就变成了一个不显示的元素，HTML元素（对象）的宽度、高度等各种属性值都将“丢失”。
如何选择Visibility和Display
如果想隐藏某元素，但在页面上保留该元素的空间的话，使用visibility:hidden。
如果想在隐藏某元素的同时让其它内容填充空白的话 使用display:none。
