UC知道一个CSS+DIV宽度的问题
来源：百度知道 编辑：UC知道 时间：2024/05/16 18:14:04
<style>
#a{width:770px;height:20px;float:center;}
#b{width:200px;float:left;}
#c{width:500px;float:left;}
</style>
<div id="a">
<div id="b">B中的内容</div>
<div id="c"></div>
</div>
如上，a层嵌套了b和c，b和c的关系是相互并列的。
如果b中的内容超过200px的宽度，b层就会换行超过高度。
我想有没有办法，让b宽度随着内容的增加而增加同时c的宽度随着b宽度的增加而减小。（如b宽度增加了50px，则c宽度就减少50px，这样总宽度770px不会变）
请诸位多多指教，谢谢！
#a{width:770px;height:20px;float:center;}
#b{width:200px;float:left;}
#c{width:500px;float:left;}
</style>
<div id="a">
<div id="b">B中的内容</div>
<div id="c"></div>
</div>
如上，a层嵌套了b和c，b和c的关系是相互并列的。
如果b中的内容超过200px的宽度，b层就会换行超过高度。
我想有没有办法，让b宽度随着内容的增加而增加同时c的宽度随着b宽度的增加而减小。（如b宽度增加了50px，则c宽度就减少50px，这样总宽度770px不会变）
请诸位多多指教，谢谢！
我觉得实现你这种效果可能很难,高度可以增加,但是宽度通常都是固定不变的(或者你用%),你可以选择让内容在B中换行不可以吗?或者,你可以试一下,让B和C的宽度为自动(auto),在里面填充内容的时候就会根据你所需要的宽度改变.如果都不是你要的结果的话,那么我觉得你只能是先在里面填充好内容后根据你所需要的宽度进行设置了.