div的隱藏佔用空間位置關係，div隱藏佔用空間

div的隱藏佔用空間位置關係，div隱藏佔用空間

display:none和visibility:hidden都是把網頁上某個元素隱藏起來的功能，但兩者有所區別，經過親自實驗，我發現使用 visibility:hidden屬性會使對象不可見，但該對象在網頁所佔的空間沒有改變（看不見但摸得到），等於留出了一塊空白地區，而 display:none屬性會使這個對象徹底消失（看不見也摸不到）。
”這樣的解釋。
但是我覺得並不夠，所以就想了一下關於他的一個載入問題。
有屬性display:none;的結構在載入頁面時，是否會同時載入呢？或則是當他變成display:block;的時候才載入的呢？
有屬性visibility:hidden;   的結構在載入頁面時，是否會同時載入呢？或則是當他變成visibility:visible;   的時候才載入的呢？

個人的看法是：
display:;當他的值變成block 的時候，它所在的結構才會被載入進來。
而visibility就會在載入頁面的同時就已經把它載入進來了，因為他的值為hidden的時候，它所佔的空間還在。