让跨度填充剩余宽度？

Question

我有以下李项：

<li> 
    <span style='float:left; background-color:red'>a</span> 
    <span style='float:left; background-color:green'>b</span> 
</li> 

我想上填写任何宽度在其父李的剩余权的跨度。有没有办法做到这一点？

感谢

Answer 1

你不想浮动他们每个人的离开，只有第一个，然后使块模式，第二个显示：

<li> 
    <span style='float:left; background-color:red'>a</span> 
    <span style="display: block; background-color:green;">b</span> 
</li> 

Answer 2

不浮动第二个，并使其display:block。

http://jsfiddle.net/ymAt5/

Answer 3

找了同样的解决方案，但发现仅此这对我来说真是棒极了：

<li> 
    <span style='display: table-cell; background-color:red'>a</span> 
    <span style='display: table-cell; width: 100%; background-color:green'>b</span> 
</li> 

所有你需要的只是使用表单元格显示和小号填料跨距宽度达到100％。我所尝试过的所有其他解决方案对我而言并不像预期的那样。