Pozwolić, aby zakres wypełnienia pozostała szerokość?

Question

Mam element dodaje Li:

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

chciałbym rozpiętości po prawej stronie, aby wypełnić szerokość co jest pozostały w jego macierzystej li. Czy jest jakiś sposób na zrobienie tego?

Dzięki

Answer 1

Nie chcesz się unosić każdy z nich w lewo, tylko pierwszy z nich, a następnie dokonać drugi wyświetlacz w trybie grupowym:

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

Answer 2

Nie unosić się drugi, a potem to display:block.

http://jsfiddle.net/ymAt5/

Answer 3

szukali tego samego roztworu, ale okazało się, tylko ten, który pracował wielki dla mnie:

<li> 
    <span style='display: table-cell; background-color:red'>a</span> 
    <span style='display: table-cell; width: 100%; background-color:green'>b</span> 
</li> 

Wszystko czego potrzebujesz jest tylko przy użyciu table-cell wyświetlania i s i szerokość wypełniacza do 100%. Wszystkie inne rozwiązania, które wypróbowałem, nie zadziałały zgodnie z oczekiwaniami.