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

标签 css

我有以下 li 元素:

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

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

谢谢

最佳答案

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

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

关于css - 让跨度填充剩余宽度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3499314/