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

Question

过去几个小时一直在网上搜索以找到解决此问题的方法，但找不到，所以我来了。

我需要 div 的宽度为 100% 减去 left div 的宽度。

因此它左侧的 div 保持相同的宽度 (390px)，但另一个 div 根据分辨率调整其大小。我找到了解决方案，它在两侧都有固定宽度的 div，但就是想不通。

Answer 1

简单的解决方案:

<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;
}

这将使您拥有固定的侧边栏宽度和全宽的内容区域。我已经用过很多次了，效果非常好。