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消除滚动条的方法,可以根据具体情况选择使用哪种方法。但是,如果内容高度超过了容器高度,不出现滚动条可能会导致部分内容无法查看,因此需要根据实际情况灵活使用。