css – 让span填充剩余宽度？

我有以下li项目：

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

我想要右边的范围填补父母里剩下的宽度。有办法吗？

谢谢

解决方法

你不想把它们留在左边，只有第一个，然后让第二个以块模式显示：

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