1.display:none是徹底消失，不占空間，瀏覽器也不會解析該元素，當diaplay值為none時會產生回流和重繪
（回流：當頁面中的一部分元素需要改變規模尺寸、布局、隱藏顯示等，頁面重新構建，此時就是回流。）
（重繪：在回流的時候，瀏覽器會使渲染樹中受到影響的部分失效，并重新構造這部分渲染樹，完成回流
后，瀏覽器會重新繪制受影響的部分到頁面中，該過程成為重繪。）
2.visibility:hidden只是看不到了，但占有相對空間，不會徹底消失，瀏覽器會解析該元素，只重繪不回流；
visibility：hidden和display：none的區別
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
推薦閱讀更多精彩內容
- 前端開發者丨http請求 https:www.rokub.com 前言見解有限， 如有描述不當之處， 請幫忙指出，...
- 1.display:none是徹底消失，不占空間，瀏覽器也不會解析該元素，當diaplay值為none時會產生回流...
- 是否是繼承屬性：display不是繼承屬性，而visibility是繼承屬性，后代元素的visibility屬性若...
- 前言 見解有限，如有描述不當之處，請幫忙指出，如有錯誤，會及時修正。 為什么要梳理這篇文章？ 最近恰好被問到這方面...
- 對知識體系進行一次預評級 看到這道題目，不借助搜索引擎，自己的心里是否有一個答案？ 這里，以目前的經驗（了解過一些...
