在CSS中有三個顯示和隱藏的屬性比較常見，我們要區分開，他們分別是 `display`、 `visibility` 和 `overflow`。 他們的主要目的是讓一個元素在頁面中消失，但是不在文檔源碼中刪除。 最常見的是網站廣告，當我們點擊類似關閉不見了，但是我們重新刷新頁面，它們又會出現和你玩躲貓貓！ * **display 顯示** * display 設置或檢索對象是否及如何顯示。 * display : none 隱藏對象，與它相反的是 display:block 除了轉換為塊級元素之外，同時還有顯示元素的意思。 * 特點： 隱藏之后，不再保留位置。 * **visibility 可見性** * 設置或檢索是否顯示對象。 * visible : 　對象可視 * hidden : 　對象隱藏 * 特點： 隱藏之后，繼續保留原有位置。（停職留薪） * **overflow 溢出** * 檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容。 * visible : 　不剪切內容也不添加滾動條。 * auto : 　 超出自動顯示滾動條，不超出不顯示滾動條 * hidden : 　不顯示超過對象尺寸的內容，超出的部分隱藏掉，被隱藏的部分不占位。 * scroll : 　不管超出內容否，總是顯示滾動條 * **display&visibility&overflow的hidden區別** * **visibility:hidden** 即使元素隱藏了，但是仍然占位。父框不可見，子框不受影響。 * **display:none** 隱藏了元素，不占位。父框不可見，子框也不可見。 * **overflow:hidden** 即使隱藏了超出的部分，被隱藏的部分不占位。