设置宽度为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;
}