div的隱藏占用空間位置關系

2022-06-16 分類：網站建設

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

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

本文名稱：div的隱藏占用空間位置關系
文章來源：http://m.kartarina.com/news41/167791.html

成都網站建設公司_創新互聯，為您提供移動網站建設、網站建設、搜索引擎優化、虛擬主機、網站維護、企業建站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

微信公眾平臺圖文消息在哪里加超鏈接？訂閱號文章能加鏈接嗎？ 2022-06-16
判斷一個關鍵詞的競爭度的方便技巧 2022-06-16
新網站如何優化？怎么優化關鍵詞？ 2022-06-16
正在瘋狂流行的方塊堆疊式排版布局 2022-06-16
成都網絡推廣公司創新互聯介紹小程序的今后發展的趨勢 2022-06-16
網絡營銷應該選擇什么公司 2022-06-16
DW中級篇：解決不支持中文文件名的方法 2022-06-16