display屬性設定一個元素應如何顯示，visibility屬性指定一個元素應可見還是隱藏。

　　隱藏一個元素可以通過把display屬性設定為"none"，或把visibility屬性設定為"hidden"。但是這兩種方法會產生不同的結果。

　　isibility:hidden可以隱藏某個元素，但隱藏的元素仍需佔用與未隱藏之前一樣的空間。也就是說，該元素雖然被隱藏了，但仍然會影響佈局。

　　我們來看一下

<h1>這是一個可見標題</h1>
<h1 class="hidden">這是一個隱藏標題</h1>
<p>注意, 例項中的隱藏標題仍然佔用空間。</
 
p>

h1.hidden {visibility:hidden;}

　　結果如下:

　　display:none可以隱藏某個元素，且隱藏的元素不會佔用任何空間。也就是說，該元素不但被隱藏了，而且該元素原本佔用的空間也會從頁面佈局中消失。

　　我們來看一下

<h1>這是一個可見標題</h1>
<h1 class="hidden">這是一個隱藏標題</h1>
<p>注意, 例項中的隱藏標題不佔用空間。</p>

h1.hidden {display:none;}

　　這裡的結果就不一樣了,我們來看:

　　所以,使用中Display 與 Visibility一定不能用混了,這回導致頁面排版非常難搞定,所以一定要把兩種影藏方法記清楚了