设置宽度为100％，同时设置边距

Question

我有一个页面的两个部分，一个侧栏和一个主要内容区域。侧栏的宽度为225px，我希望主要内容区域为页面的100％宽度，减去侧边栏的225px。所以我将主要内容区域设置为左边的边距为225，这样它就不会与侧边栏重叠，然后我将其宽度设置为100％，但这样做会将整个文档推出右边的225pxs，扭曲整个页面。如何设置宽度为100％，同时还有保证金而不是将文档推出？我有：

#main-content {
   position: absolute;
   margin-left: 225px;
   height: 100%;
   width: 100%;
}

#sidebar {
   position: relative;
   width: 225;
   height: 100%;
   background-color: #c00000;
}

Answer 1

尝试

#main-content {
  position: absolute;
  left: 225px;
  right: 0;
  top: 0;
  bottom: 0;
}