css如何设置元素不显示仅占位置？

隐藏页面元素可以使用visibility:hidden属性，它将元素设置为不可见，并且占据原来的位置，不能响应点击事件。

<div class="hide">不可见</div>
<style>
.hide{
    visibility: hidden;
}
</style>

（相关课程推荐：css视频教程）

另一种方法是设置元素opacity为0，即不透明度为0

<div class="hide">不可见</div>
<style>
.hide{
    opacity: 0;
}
</style>

注：会占据位置，同时会响应事件。