在CSS裡display與visibility有哪些區別？

前幾天在做一個圖片無間隙滾動的效果，要利用到一個隱藏的層。
在之間複製以前文字滾動的效果代碼（文字滾動時無錯誤），結果發現頁面被拉長了一倍，也就是隱藏的層。
查CSS手冊後發現了隱藏內容原來是有區別的，一種是保留對象的物理空間，一種是不保留。
display:none
CSS1 隱藏對象。與 visibility 屬性的hidden值不同，其不為被隱藏的對象保留其物理空間 
visibility:hidden
對象隱藏，與 display 屬性不同，此屬性為隱藏的對象保留其佔據的物理空間
但是因為使用了visibility:hidden，拉長的內容其實就是那個含有圖片的DIV；而改用display:none後就正常了。一直懷疑是高度設定的問題，沒想到居然就是這麼簡單的一點內容。