Breite/Höhe als Prozentsatz minus Pixel einstellen

Question

Ich versuche, einige wiederverwendbare CSS-Klassen für mehr Konsistenz und weniger Unordnung auf meiner Website zu erstellen, und ich stecke fest, wenn ich versuche, eine Sache zu standardisieren, die ich häufig verwende.

Ich habe einen Container <div> für die ich die Höhe nicht festlegen möchte (da sie je nach Position auf der Website variiert), und darin befindet sich eine Kopfzeile <div> und dann eine unsortierte Liste von Elementen, die alle mit CSS versehen sind.

Es sieht in etwa so aus:

Ich möchte die unsortierte Liste um den verbleibenden Platz im Container auszunutzen <div> mit dem Wissen, dass die Kopfzeile <div> es 18px groß. Ich weiß nur nicht, wie ich die Höhe der Liste als "das Ergebnis von 100% minus 18px ".

Ich habe gesehen, dass diese Frage in ein paar anderen Zusammenhängen auf SO gestellt wurde, aber ich dachte, dass es sich lohnt, sie für meinen speziellen Fall erneut zu stellen. Hat jemand einen Rat in dieser Situation?

Answer 1

Ich bin nicht sicher, ob dies in Ihrer speziellen Situation zu arbeiten, aber ich habe festgestellt, dass Padding auf der Innenseite div wird Inhalt um innerhalb eines div schieben, wenn die enthaltende div eine feste Größe ist. Sie müssten entweder float oder absolut positionieren Sie Ihre Header-Element, aber sonst habe ich nicht versucht dies für variable Größe divs.