visibility和display兩個屬性都有隱藏元素的功能，display:none和visibility:hidden的區別，簡單的總結一句話就是：visibility:hidden隱藏，但在瀏覽時保留位置；而display:none視爲不存在，且不加載！
1、visibility:hidden--爲隱藏的對象保留其物理空間
HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所佔據的空間位置仍然存在。
2、display: none--不爲被隱藏的對象保留其物理空間
HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”
