display:none;隐藏

display:block; 显示隐藏 不占位置

opacity:0;

opacity:1; 显示隐藏

占位置

overflower:hidden;height:0;

这两者要结合使用

    不占位置  

transform:translate scale(0);占位置

visibility: hidden;

占位置

position:absolote; 不占位置

position:realitive; 占位置

z-index 降低层级

clip-path法

clip-path：使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。

只需要把元素的可显示区域裁剪为0即可，会保留位置

div:nth-child(2) { clip-path: circle(0); background-color: blue; } ———————————————— 版权声明：本文为CSDN博主「赤蓝紫」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。 原文链接：blog.csdn.net/chilanzi/ar…