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

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

我需要div的宽度为100％减去左div的宽度.

因此它左边的div保持相同的宽度(390px),但另一个div根据分辨率调整其大小.我找到了解决方案,它的两侧都有固定宽度的div,但是不能解决这个问题.

解决方法 简单解决方案

<div ID="content">    <div >    </div><!-- .padder --></div><div ID="sIDebar">    <div >    </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;}

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

总结

以上是内存溢出为你收集整理的html – 将div宽度设置为100％减去一定数量的px全部内容，希望文章能够帮你解决html – 将div宽度设置为100％减去一定数量的px所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。