在CSS中，有许多不同的方式来隐藏元素，可以让它们在页面上不可见或完全移除，使其不占用任何空间。下面我们将探讨一些常用的方法：

/* display: none; */
元素不显示，不占据空间 */

.hide-display {
  display: none;
}

/* visibility: hidden; */
元素不显示，但仍占据空间 */

.hide-visibility {
  visibility: hidden;
}

/* opacity: 0; */
元素完全透明，但仍占据空间 */

.hide-opacity {
  opacity: 0;
}

/* position: absolute; left: -9999px; */
元素移出屏幕外，但仍占据空间 */

.hide-position {
  position: absolute;
  left: -9999px;
}

/* width: 0; height: 0; overflow: hidden; */
元素宽度和高度为0，不占据空间 */

.hide-size {
  width: 0;
  height: 0;
  overflow: hidden;
}

以上这些方法都可以用于在页面中隐藏元素，使用时可以根据实际情况来选择合适的方法。