常见的隐藏页面元素的方式有以下几种：
-
display: none;：元素完全不显示，不占据页面空间，也不会影响页面布局。 -
visibility: hidden;：元素不可见，但仍占据原来的空间，会影响页面布局。 -
opacity: 0;：元素透明度变为 0，不可见但占据空间，并且可以响应鼠标事件。 -
width: 0; height: 0; overflow: hidden;：将元素的宽度和高度设为 0，并隐藏溢出内容。 -
position: absolute; left: -9999px;：通过将元素定位到远离页面可视区域的位置来实现隐藏。 -
clip-path: polygon(0 0, 0 0, 0 0, 0 0);：使用裁剪路径来隐藏元素。
今天的分享到这里就结束了，帮助到你的话给个关注吧 (￣▽￣)
标签：常见,元素,占据,hidden,隐藏,页面 From： https://www.cnblogs.com/guobabiancheng/p/18347066