CSS下面出现滚动条是因为内容的高度超过了容器的高度。如果不想出现滚动条,有以下几种方法:/*1. 隐藏滚动条*/ .container::-webkit-scrollbar { display: n
CSS下面出现滚动条是因为内容的高度超过了容器的高度。如果不想出现滚动条,有以下几种方法:
/*1. 隐藏滚动条*/ .container::-webkit-scrollbar { display: none; //Chrome和Safari } .container{ -ms-overflow-style: none; //IE10及以上 scrollbar-width: none; //Firefox } /*2. 防止出现滚动条*/ .container{ overflow: hidden; height: 100%; } /*3. 自定义滚动条样式*/ .container::-webkit-scrollbar-track { background-color: #F5F5F5; } .container::-webkit-scrollbar-thumb { background-color: #000000; }
以上是CSS消除滚动条的方法,可以根据具体情况选择使用哪种方法。但是,如果内容高度超过了容器高度,不出现滚动条可能会导致部分内容无法查看,因此需要根据实际情况灵活使用。
粉丝
0
关注
0
收藏
0