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

前端之家收集整理的这篇文章主要介绍了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/

原文链接:https://www.f2er.com/css/214492.html

猜你在找的CSS相关文章