（自用面试题）隐藏元素的方法有哪些？

1. display: none;
   这种方法使得元素不可见，不占据页面空间，无法响应点击事件。

2. visibility：hidden;
   这种方法使得元素不可见，占据页面空间，无法响应点击事件。

3. opacity: 0;
   这种方法将元素透明度设为0，使得元素不可见，占据页面空间，可以响应点击事件。

4. 设置width、height等属性为0
   这种方法将元素的margin、border、padding、width、height等影响元素盒子模型的属性设置成0，如果元素内有子元素，还应该设置overflow: hidden;来隐藏其子元素。使得元素不可见，不占据页面空间，无法响应点击事件。

5. position: absolute;
   这种方法使用绝对定位将元素从可视区域移出，使得元素不可见。

6. z-index: 负值
   这种方法通过其他元素来遮盖住该元素，使得元素不可见。

7. clip/clip-path
   这种方法通过裁剪的方法使得元素不可见，占据页面空间，无法响应点击事件。

8. transform: scale(0,0);
   这种方法将元素缩放为0，使得元素不可见，占据页面空间。

最常用的还是display: none;和visibility: hidden;，其他的方式只能认为是奇招，它们的真正用途并不是用于隐藏元素，所以并不推荐使用它们。