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