将 div 宽度设置为 100% 减去一定量的 px

过去几个小时一直在网上搜索以找到解决方案，但找不到，所以我在这里。

我需要的宽度div to be 100%减去宽度left div.

所以这样div它的左侧保持相同的宽度（390px），但另一个div根据分辨率调整其大小。我找到了固定宽度的解决方案div双方，但就是无法弄清楚这一点。

简单的解决方案：

<div id="content">
    <div class="padder">

    </div><!-- .padder -->
</div>
<div id="sidebar">
    <div class="padder">

    </div><!-- .padder -->
</div>

CSS:

div#content {
    float: right;
    width: 100%;
}

div#content .padder {
    margin-left: 330px;
    padding: 0 30px 0 0;
}

div#sidebar {
    float: left;
    width: 300px;
    margin-top: -30px;
    padding-left: 30px;
    margin-right: -330px;
}

这将允许您拥有固定的侧边栏宽度和全宽内容区域。我已经使用过它很多次了，它就像一个魅力。