css 隐藏且不占据位置

CSS的display属性可以用于控制元素的显示方式。隐藏元素同时让它不占用页面上的位置可以使用display的值为none：

隐藏的元素 {
    display: none;
}

这样设置后，该元素将完全消失，而且不会再占用它原本所在的页面位置。

然而，若想让元素不可见但仍占据位置，我们可以采用opacity和visibility属性。

隐藏的元素 {
    opacity: 0;
    visibility: hidden;
}

opacity属性把元素的透明度设置为0，这会让元素完全透明，但是还会占用它原本所在的页面位置。

visibility属性用于决定元素是否可见。hidden的值可以让元素消失，但是仍占用位置。不过需要注意的是，使用visibility来隐藏元素的话，虽然元素不可见，但是它对于父元素的影响还是存在的，因此需要合理设置。