创建一个div,其大小相对于固定宽度div并包含区域？

Question

我有一个N%宽的包含div(contentBody).在该div中,我有另外两个div,contentLeft和contentRight.

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

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

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

编辑:对不起,我的意思是写"N%"而不是100%,这需要适用于任何百分比或大小的包含区域.

Answer 1

以下应该这样做:

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

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

Answer 2

最简单的方法是绝对定位它们然后将contentleft设置为所需的并添加margin-left等于相同的宽度 - 如下所示:

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

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