css – 如何填充100%的remaing宽度

有什么工作可以像预期的那样做这样的工作吗?
我希望有这样的宽度:余数;或宽度:100% – 32px;

宽度:自动;不起作用

我认为唯一可能的办法是使用paddings / margin,负值或float或一些html标签进行破解.我试过还显示:block.

我喜欢得到相同的结果,没有表http://jsfiddle.net/LJGWY/

<div style="position: absolute; width: 100%; height: 100px; border: 3 solid red;" id="container">
    <div style="display:inline; width: (100%-100px); border: 3 solid green;">Fill</div>
    <div style="display:inline; width: 100px; border: 3 solid blue;">Fixed</div>
</div>

解决方法

块级元素,如< div>将自动填充100%的可用宽度.如果您将其中一个浮动到右侧,则另一个将填充剩余空间.
<div style="height: 100px; border: 3px solid red;" id="container">
  <div style="float: right; width: 100px; border: 3px solid blue;">Fixed</div>
  <div style="border: 3px solid green;">Fill</div>
</div>

http://jsfiddle.net/5AtsF/

相关文章

css的bordercolor属性怎么使用
CSS中contain属性的作用和语法
深入学习响应式布局框架:适合初学者到专家的详尽指南
CSS3选择器优先级规则
margin-top用法
选择最适合您的响应式布局框架:综合评估不同工具