1

我有一个页面的两个部分，一个侧边栏和一个主要内容区域。侧边栏是 225 像素宽，我希望主要内容区域是页面的 100% 宽度，减去侧边栏的 225 像素。所以我将主要内容区域的左侧边距设置为 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;
}
4

1 回答 1

2

尝试

#main-content {
  position: absolute;
  left: 225px;
  right: 0;
  top: 0;
  bottom: 0;
}
于 2012-12-21T08:58:24.830 回答