一直在网上寻找过去几个小时找到解决方案,但找不到它,所以我在这里.
我需要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;
}
