我在#container中有两个div，＃left和#right。左div是流体。右div的宽度固定。重新调整浏览器大小时，如何使左div缩小或扩展，而右div保持不变？似乎无法完成这项工作。令人惊讶的是，相反的情况（左div固定，右div流体）很容易。
在此先感谢您的帮助。这是代码：
#container {
width: 80%;
height: 200px;
margin: 0 auto;
border: 1px solid grey;
}
#left {
height: 100px;
background-color: red;
}
#right {
width: 100px;
height: 100px;
background-color: green;
}<div id="container">
<div id="left">
</div>
<div id="right">
</div>
</div>CSS：
我终于找到了解决方案。这是上面的代码，加上一些使其起作用的附加功能：
div {
margin: 0px;
}
#container {
width: 80%;
height: 200px;
margin: 0 auto;
border: 1px solid grey;
}
#left {
width: 100%;
height: 100px;
background-color: red;
float: left; /*Add This*/
margin-right: -200px; /*Add This*/
}
/*Add This new Div*/
#inside {
margin-right: 200px; /*Add This*/
}
#right {
width: 100px;
height: 100px;
background-color: green;
float: right; /*Add This*/
}<div id="container">
<div id="left">
<div id="inside"> <!--Add This-->
</div>
</div>
<div id="right">
</div>
</div>这是对我有帮助的网站：http : //alistapart.com/article/negativemargins
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句