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

一直在网上寻找过去几个小时找到解决方案,但找不到它,所以我在这里.

我需要div的宽度为100％减去左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;
}

这将允许您具有固定的侧边栏宽度和全宽度内容区域.我已经多次使用它,它就像一个魅力.

原文地址：https://www.jb51.cc/html/232431.html