左邊我需要留出210px#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; right: 0; }

如果您想要让 `#main` 元素在屏幕中间留出 210 像素的空白，可以使用 `calc()` 函数来计算 `left` 属性的值。具体来说，您可以将 `left` 属性的值设置为 `calc(50% - 560px)`，其中 `560px` 是 `#main` 元素的宽度加上 210 像素的一半。这样，`#main` 元素就会在屏幕中间留出 210 像素的空白。新的代码如下所示：

#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;
  left: calc(50% - 560px);
}

请注意，`calc()` 函数只能在 CSS3 中使用，如果您需要支持较旧的浏览器，请考虑使用其他方法来实现相同的效果。