css - 让跨度填充剩余宽度？

Question

我有以下 li 元素:

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

我希望右侧的跨度能够填充其父 li 中剩余的任何宽度。有办法吗？

谢谢

Answer 1

您不想让它们中的每一个都向左浮动，只让第一个 float ，然后让第二个以 block 模式显示:

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