可以配合我寫的 html 食用：隱藏元素.html我將他們分為 可以點選 和 無法點選兩類。
可以點選
設定了position:absolute;往往不佔據空間，display:none;是直接蒸發了，根本沒有空間一說。position:relative;是相對原來的位置定位，還是佔據著空間。opacity只是設定了透明度，是個透明人，不過還是在那裡的。
不同有三點
前者不佔據空間，後者佔據空間。
前者常常會產生 回流和重繪(主要還是第一點 空間佔據 引發的問題)。而後者往往沒有這個問題。
祖先為前者，則後代統統不見。祖先為後者，後代可以通過改變而顯示後者重新顯示的方法
css
div
span
123
CSS實戰筆記 八 元素隱藏
在 css 中，隱藏乙個元素有很多種方法，下面我們來一一介紹 opacity 0 將元素的不透明度設定為 0，但是這個元素還是會佔據原來的位置，只是在視覺上不可見而已 它不會改變頁面的布局，還能夠響應使用者的操作 visibility hidden 將元素的可見性設定為隱藏，從而使得這個元素是不可見...
2 元素的顯示與隱藏
類似於 廣告，當我們點選關閉就不見了，但我們重新重新整理頁面，會重新出現！本質 讓乙個元素在頁面中隱藏或者顯示出來。display屬性用於設定乙個元素應如何顯示。dispaly隱藏元素後，不再占有原來的位置。visibility屬性用於指定乙個元素是可見還是隱藏的。visibility hidden...
CSS學習6（元素框）
所有文件元素都生成乙個矩形框，這稱為元素框 element box 它描述了乙個元素在文件布局中所佔的空間大小，因此，每個框影響著其他元素框的位置和大小。預設地，乙個可以顯示的文件由多個矩形框組成，這些矩形框分布開，從而不會相互重疊 一般情況下 另外，根據某些限制，這些框要盡可能地少佔空間，同時還要...