visibility: hidden和display: none 在作用、對HTML元素的影響、定義上有所不同:
1、作用不同
visibility: hidden----將元素隱藏，但是在網頁中該占的位置還是占著。
display: none----將元素的顯示設為無，即在網頁中不占任何的位置。
2、使用後HTML元素有所不同
visibility:hidden，使用該屬性後，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所占據的空間位置仍然存在，也即是說它仍具有高度、寬度等屬性值。
display:none，使用該屬性後，HTML元素（對象）的寬度、高度等各種屬性值都將“丟失”。
3、定義不同
visibility 屬性指定壹個元素是否是可見的。
display這個屬性用於定義建立布局時元素生成的顯示框類型。
參考資料:百度百科 display
百度百科 visibility