动态侧边栏宽度取决于主div

Question

我有以下代码

<div id="content">
    <div id="sidebar"></div>
    <div id="main"></div>
</div>

和css

 #main{
     width: 840px;
     margin: 0 auto;
 }

 #sidebar{
     float: left;
     width: ?; -> need to fill dhe auto space
 }

问题是如何让#sidebar div填充主div留下的空间？ 此图像显示了我想要的内容

Answer 1

你可以使用

 #sidebar{
     float: left;
     width: calc(100% - 840px);
 }

Answer 2

基于版本的正确 Jean-Bernard Pellerin 回答

#sidebar{
     float: left;
     width: calc((100% - 840px) / 2);
 }