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

发布时间：2020-12-14 21:20:14 所属栏目：资源来源：网络整理

导读：一直在网上寻找过去几个小时找到解决方案,但找不到它,所以我在这里. 我需要div的宽度为100％减去左div的宽度. 因此它左边的div保持相同的宽度(390px),但另一个div根据分辨率调整其大小.我找到了解决方案,它的两侧都有固定宽度的div,但是不能解决这个问题. 解

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

我需要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;
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!