根據主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

正確的版本基於OD 讓 - 伯納德PELLERIN答案

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