html - 动态侧边栏宽度取决于主 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 留下的空间？这张图片显示了我想要的

在此处输入图像描述

score 2 · Accepted Answer

2

您可以使用

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

于 2013-05-02T18:05:16.430 回答

score 2 · Accepted Answer

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

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

2 回答 2