Пусть пробег заполняет оставшуюся ширину?

У меня есть следующий элемент li:

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

Я хотел бы, чтобы пробел справа заполнял любую ширину, оставшуюся в родительском ли. Есть ли способ сделать это?

Спасибо

Ответы

Ответ 1

Вы не хотите плавать каждый из них слева, только первый, а затем делать второй дисплей в режиме блока:

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

Ответ 2

Не плавайте второй и делайте его display:block.

http://jsfiddle.net/ymAt5/

Ответ 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%. Все другие решения, которые я пробовал, не работают для меня, как ожидалось.