CSS如何隐藏元素但不占用空间

在Web开发中，有时我们希望隐藏一个元素，但同时又不希望它占据页面的空间。这在一些交互性的元素、动态内容或条件性显示的元素中非常有用。本文将介绍如何使用CSS来实现隐藏元素但不占用空间的效果。

在CSS中，有几种方法可以隐藏元素，但不同的方法会对元素的布局和空间占用产生不同的影响。下面将介绍两种常用的技术：使用display属性和使用visibility属性。

1. 使用display属性隐藏元素：

   .hidden-element {
        
        
     display: none;
   }
   ```
   上述代码将会隐藏具有"hidden-element"类的元素。隐藏后的元素不会在页面中显示，并且也不会占用布局空间。但需要注意的是，隐藏后的元素在文档流中消失了，其他元素会重新排列填补它原来的位置。
   
   

2. 使用visibility属性隐藏元素：