David Aurelio: letztes gefloatetes Element soll restliche Breite nutzen.

Beitrag lesen

Guten Abend allerseits.
Gibt es eine Möglichkeit, ein gefloatetes Element dazu zu bewegen, nicht nur so breit zu werden "wie es muss", sondern die restliche Breite des Elternelementes auszunutzen?

width: 100% funtioniert nur, wenn dieses Element das einzige Kindelement seines Elternelementes ist.

Konkret sieht das so aus:
HTML

<ul id="eine_id">  
    <li>Eins</li>  
    <li>Zwei</li>  
    <li>Drei</li>  
    <li id="last_listitem">Vier</li>  
</ul>

CSS

  
#eine_id li {  
    float: left;  
}  

Das li-Element mit der id "last_listitem" soll also den restlichen verfügbaren Platz einnehmen.
Konkret geht es mir um das auffüllen mit der Hintergrundfarbe der listitems, da die ungeordnete Liste die Höhe 0 hat.
Falls es alternativ möglich ist, dass die Liste die Höhe ihres höchsten gefloateten Kindelements annimmt (so, wie wenn die listitems als Inline-Elemente formatiert wären), wäre mir das auch recht.

Vielen Dank schon mal,
David