#main { height: 500px; /*设定主体内容高度*/ overflow-y: scroll; /*添加滚动条*/ max-width: 100%; /*设定最大宽度*/ margin: auto; /*水平居中*/ padding: 20px; /*设定内边距*/ background-color: #fff; /*设定背景颜色*/ box-shadow: 0 2px 4px rgba(0,0,0,.1); /*添加阴影*/ position: fixed; /*设定固定定位*/ top: 0; /*距离页面顶部距离为0*/ left: 210px; /*距离页面左侧距离为210px*/ }

这个代码看起来没有问题，将 `max-width` 设为 `100%` 后，`#main` 的宽度将会随着屏幕宽度的变化而变化，始终填满整个屏幕。如果您的屏幕宽度比 `#main` 的总宽度小，那么水平滚动条就会出现，用户可以通过滚动条来查看被隐藏的内容。如果您仍然无法解决问题，建议提供更多的信息，例如您的网站链接或者更详细的代码片段，这样我才能更好地帮助您。

相关问题

繼續注解 #main { height: 500px; /*设定主体内容高度*/ overflow-y: scroll; /*添加滚动条*/ max-width: 1000px; padding: 20px; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); }

好的，以下是针对这段 CSS 代码的注释信息：

#main {                                 // 选择 id 为 main 的元素
    height: 500px;                      // 设置高度为 500 像素
    overflow-y: scroll;                 // 添加垂直滚动条
    max-width: 1000px;                  // 设置最大宽度为 1000 像素
    padding: 20px;                      // 设置内边距为 20 像素
    background-color: #fff;             // 设置背景颜色为白色
    box-shadow: 0 2px 4px rgba(0,0,0,.1);// 添加阴影效果
}

請你每一條幫我注解#main { height: 500px; /*设定主体内容高度*/ overflow-y: scroll; /*添加滚动条*/ max-width: 1120px; margin: auto; padding: 20px; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.1); position: fixed; top: 0; left: 210px; }

当然，以下是对 #main 样式的注释：

#main {
  height: 500px; /*设定主体内容高度*/
  overflow-y: scroll; /*添加滚动条*/
  max-width: 1120px; /*设定最大宽度*/
  margin: auto; /*水平居中*/
  padding: 20px; /*设定内边距*/
  background-color: #fff; /*设定背景颜色*/
  box-shadow: 0 2px 4px rgba(0,0,0,.1); /*添加阴影*/
  position: fixed; /*设定固定定位*/
  top: 0; /*距离页面顶部距离为0*/
  left: 210px; /*距离页面左侧距离为210px*/
}

其中，注释以 `/*` 开始，以 `*/` 结束。