分类导航

CSS 发布时间：2022-04-17 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了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>

解决方法

@H_944_14@ 块级元素,如< 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/