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