一梧宫、
1、Display:none
使用此屬性之后元素不存在了摆碉，元素占據(jù)的位置也不存在塘匣。
2、Visibility:hidden
使用此屬性之后元素不存在了巷帝，元素占據(jù)的位置依然存在
3忌卤、Overflow:hidden
對(duì)行內(nèi)元素?zé)o效，必須是塊級(jí)元素楞泼，并且設(shè)置寬度高度驰徊。
Overflow:hidden,隱藏之后元素依然占據(jù)著位置笤闯。
二、diaplay：none與visibility：hidden的區(qū)別
（1）空間占據(jù)性? ? ? display：none不占據(jù)空間棍厂，visibility:hidden占據(jù)空間
（2）回流與渲染性? display：none會(huì)產(chǎn)生回流與重繪颗味，visibility：hidden則不會(huì)
（3）株連性? ? ? ? ? ? ?display：none有株連性，visibility：hidden不具備株連性
display:none就是“株連性”明顯的聲明：一旦父節(jié)點(diǎn)元素應(yīng)用了display:none牺弹，父節(jié)點(diǎn)及其子孫節(jié)點(diǎn)元素全部不可見浦马，而且無論其子孫元素如何不屈地掙扎都無濟(jì)于事。
應(yīng)用了visibility:hidden聲明下的子孫元素如要顯示可加上visibility:visible
三张漂、height:0和overflow:hidden的組合
一句話的事：
position: absolute元素溢出overflow: hidden元素的時(shí)候捐韩，如果其第一個(gè)含有position屬性(static除外)的祖先元素（一直到body）是overflow: hidden元素祖先元素的時(shí)候，則不隱藏鹃锈；否則，隱藏
參考:https://www.zhangxinxu.com/wordpress/2012/02/css-overflow-hidden-visibility-hidden-disabled-use/
