1几何空间1）子宽高同时设置为0，父设置overflow:hidden.main{//很核心，很关键！！overflow:hidden;}.hidden{//其实这里只需要设置height:0width:0;height:0;}效果如下：2)sub-transform:scale(0).hidden{transform:scale(0);}效果如下：3)sub-scale:0[存在IE兼容问题].hidden{clip-path:circle(0);}效果如下：2个位置移动1）子定位，如position:fixed,absolute等。hidden{position:fixed;top:-10000px;}或.main{position:relative;}.hidden{position:absolute;top:-10000px;}效果如下（两种方法效果一样~）：2）subz-index设置为负数【需要和position配合使用，但是“在父区域不可见”“！].hidden{位置：固定；z-index:-100000;}效果如下：3Visual(color)1)设置为透明色color:transparent.hidden{color:transparent}效果如下：2)透明opacity:0.hidden{opacity:0;}效果如下：3）颜色设置为父容器的背景色。hidden{//与父容器的背景色一致color:lightskyblue;}效果如下如下：4种常用的CSS隐藏方法1）visibility设置为hidden.hidden{visibility:hidden;}效果如下：2）display设置为none.hidden{display:none;}效果如下：