CSS 隐藏元素占位：display、visibility、position 和 opacity 方法

你可以使用 CSS 的 display 属性来隐藏元素并占据布局空间。以下是一些常用的隐藏方法：

1. 使用 'display: none;'：将元素完全隐藏，不占据任何布局空间。

.hidden {
  display: none;
}

2. 使用 'visibility: hidden;'：将元素隐藏，但仍占据布局空间。

.hidden {
  visibility: hidden;
}

3. 使用 'position: absolute;' 和 'top: -9999px;'：将元素移出屏幕范围，但仍占据布局空间。

.hidden {
  position: absolute;
  top: -9999px;
}

4. 使用 'opacity: 0;'：将元素变为透明，但仍占据布局空间。

.hidden {
  opacity: 0;
}

请注意，这些方法的适用性取决于具体的使用场景和需求。