[css3] 关于隐藏元素 display:none 和 visibility:hidden

大家都知道，写css的时候，隐藏一个元素可以通过display属性设置为"none"，或visibility属性设置为"hidden" 去隐藏元素。但是注意，这两种方法会有着区别。例如：

visibility:hidden
可以隐藏某个元素，但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说，该元素虽然被隐藏了，但仍然会影响布局。

display:none
可以隐藏某个元素，且隐藏的元素不会占用任何空间。也就是说，该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。