css 怎么让滚动条出现时宽度不变

您可以使用 CSS 的 overflow 属性来控制滚动条的显示，并且可以使用::-webkit-scrollbar 来对滚动条进行样式化，例如：

/* 控制滚动条显示，隐藏溢出部分 */
div {
    overflow: auto;
}

/* 自定义滚动条的样式 */
div::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f5f5f5;
}

div::-webkit-scrollbar-thumb {
    background-color: #ccc;
}

此时滚动条会出现并占据一定的宽度和高度，但您可以使用 CSS 的 calc() 函数来控制宽度的计算，例如：

/* 让滚动条宽度固定为20px，并且溢出部分为自适应宽度 */
div {
    overflow: auto;
    width: calc(100% + 20px);
}

这样滚动条宽度就是固定的20px，而容器的宽度会根据内容自适应调整。