如何让html出现滚动条时显示宽度不抖动

可以在CSS中设置一个固定宽度的容器，然后在容器内部设置一个可滚动的区域。这样，当内容超出容器宽度时，只会出现滚动条而不会抖动。具体实现代码如下：

HTML代码：

<div class="container">
  <div class="scrollable">
    <!-- 可滚动内容 -->
  </div>
</div>

CSS代码：

.container {
  width: 500px; /* 设置容器固定宽度 */
  overflow: auto; /* 设置容器出现滚动条 */
}

.scrollable {
  width: 100%; /* 设置可滚动区域宽度为100% */
  overflow-x: hidden; /* 隐藏水平方向溢出的内容 */
  padding-bottom: 20px; /* 保证垂直方向滚动条不遮挡内容 */
}

注意：为了避免内容过长导致滚动条遮挡底部内容，可以在可滚动区域的底部添加一些空白区域，例如设置padding-bottom为20px。