Css 创建一个大小相对于固定宽度div和包含区域的div？

我有一个N%宽的包含div（contentBody）。在这个div中，我还有另外两个div，contentLeft和contentRight

contentLeft总是205px。我希望contentRight自动填充contentBody中的剩余空间。我怎样才能做到这一点

#div contentLeft{
  width:205px;
  float:left;
}

#div contentRight{
  width:<**100% - 205px**>;
  float:left;
}

#div content left{
宽度：205px；
浮动：左；
}
#div contentRight{
宽度：；
浮动：左；
}

---

编辑：对不起，我想写“N%”而不是100%，这需要对任何百分比或大小的包含区域起作用。

最简单的方法是将它们都绝对定位，然后将contentleft设置为所需的宽度，并将边距left添加为相同的宽度，如下所示：

#div contentLeft{
  position:absolute;
  top:0;
  left:0;
  width:205px;
}

#div contentRight{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  margin-left:205px;
}

---

只能为contentLeft设置左侧浮动和宽度

.contentLeft{
    width:205px;
 float:left;
 border:1px solid red;

}

.contentRight{
    border:1px solid red;
}

---

正确的方法是在包装器上使用CSS display:table，在列上使用display:table单元格。这可以保持语义的正确性，但也提供了表的所有好处，包括单元格拉伸以填充剩余空间

AS是典型的IE不支持这个有价值的CSS属性，所以您可能需要考虑使用一个真实的表直到它执行（或者用JS或条件注释执行一些HAKS）。

.table{display:table；}
.tr{显示：表行；}
.td{display:表格单元格；}

以下各项应能做到这一点：

#contentBody{
  width:N%
}
#div contentLeft{
  width:205px;
  float:left;
}

#div contentRight{
  margin-left:205px;
}

---

这似乎是从页面中获取宽度，而不是我的包含div？包含div的宽度是多少？我认为这是100%抱歉，我犯了一个错误，我已经更正了我的问题以反映这一点。只需将内容的宽度设置为与包含div相同的宽度N%wide

#contentBody{
  width:N%
}
#div contentLeft{
  width:205px;
  float:left;
}

#div contentRight{
  margin-left:205px;
}