在 CSS 中，隱藏一個元素有很多種方法，下面我們來一一介紹
1、設置不透明度
opacity: 0;
將元素的不透明度設置爲 0，但是這個元素還是會佔據原來的位置，只是在視覺上不可見而已
它不會改變頁面的佈局，還能夠響應用戶的操作
2、設置可見性
visibility: hidden;
將元素的可見性設置爲隱藏，從而使得這個元素是不可見的，但是它仍佔據着原來的位置
它不會改變頁面的佈局，但不能響應用戶的操作
另外，這個元素的子孫元素也會被設置爲隱藏，但是可以給子孫元素顯式設置 visibility 爲 visible 取消隱藏
3、設置顯示方式
display: none;
這是真正意義上的隱藏元素，它不會佔據原來的空間，就好像這個元素本來就不存在一樣
這意味着它改變了頁面的佈局，自然它也不能響應用戶的操作
另外，這個元素的子孫元素也會被設置爲隱藏
4、設置定位方式
position: absolute;
top: -999px;
left: -999px;
設置元素的定位方式爲絕對定位，這樣可以使元素脫離文檔流
然後設置 left 和 top 爲一個較大的負數，將元素移出可見區域，實現元素隱藏
最後補充一個屬性，overflow，用來規定當內容超出元素框時要怎麼處理，可選值如下：
visible：超出的內容會顯示在元素框之外hidden：超出的內容會被修剪scroll：始終顯示滾動條，可以拉動滾動條看到超出的內容auto：當內容沒有超出元素框時，不顯示滾動條 ，當內容超出元素框時，才顯示滾動條
【 閱讀更多 CSS 系列文章，請看 CSS學習筆記 】