Question

css 左右列宽度未知 中间列宽度自适应

只用csss
一行三列，左右列宽度未知，都是根据变量变化的，中间列能不能自动适应、填满宽度？
如果加上js能不能实现？

Answer 1

<div style="background:#EEE;width:500px;height:200px;">
<div style="background:#F00;float:left">aaaaaaaaaaaa</div>
<div style="background:#00F;float:right">bbbbbbbbbbb</div>
<div style="background:#0F0;">cccccc</div>
</div>

最外面那层DIV包含了3个DIV，分别float:left，float:right最后一个没定义float。注意，中间自适应的只能放在最后。IE8，FF，chrome上是可以的，其他浏览器没测试过

Answer 2

<div style="float:right;width:Xpx">右侧栏</div>
<div style="float:left;width:Ypx">左侧栏</div>
<div style="margin:0 Xpx 0 Ypx">中间</div>

用你的js修改三者的X和Y值就行了

除此之外还需要解决清除浮动的问题，自己手动百度，解决方案很多

Answer 3

必须加JS，我用JQ写了个简单的效果，你看下符合你要求不？