У меня есть следующий элемент 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>
Не плавайте второй и делайте его display:block.
Посмотрел на то же решение, но нашел только то, что отлично подействовало на меня:
<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%. Все другие решения, которые я пробовал, не работают для меня, как ожидалось.