CSS 隐藏元素的方法

1、overflow:hidden;
防止溢出，也是一种隐藏，只不过是把超出范围的元素隐藏，这种一般用于文字过多或者图片特效以及自适应中div没法设置高度时使用。

2.display:none
设置元素的display为none是最常用的隐藏元素的方法。

任何对该元素直接的用户交互操作都不可能生效，被隐藏的元素完全不会占用空间，该元素以及后代元素中的任何内容都不存在了。

3、opacity:0
opacity属性表示元素的透明度，而将元素的透明度设置为0后，元素也是隐藏的。

4、position：
元素的定位
top和left设置成足够大的负数，相当于把元素放到可视区域外，它不会影响布局，能够让元素保持可操作性，在读屏软件上可以被识别。

5，visibility:hidden

和display:none的区别在于，元素在页面消失后，其占据的空间依旧会保留着，只是我们看不见了，它还在。

6，设置height，width等盒模型属性为0

好了本篇文章就到这里了，喜欢的话可以关注我，会持续更新的，有错误欢迎大家指出，大家可以在我这里互相讨论学习，一起进步。

青山不改 绿水长流 我们下篇文章见😋