CSS: установка ширины / высоты в процентах минус пиксели

Question

Я пытаюсь создать несколько CSS-классов многократного использования для большей согласованности и меньшего количества помех на моем сайте, и я застрял при попытке стандартизировать одну вещь, которую я часто использую.

У меня есть контейнер <div>, для которого я не хочу устанавливать высоту (потому что он будет варьироваться в зависимости от того, где на сайте он находится), и внутри него есть заголовок <div>, а затем неупорядоченный список элементов, все с примененным к ним CSS.

Это выглядит примерно так:

Я хочу, чтобы неупорядоченный список занимал оставшуюся комнату в контейнере <div>, зная, что заголовок <div> имеет высоту 18px. Я просто не знаю, как указать высоту списка как «результат 100% минус 18px».

Я видел, как этот вопрос задавался в нескольких других контекстах SO, но я подумал, что стоило бы спросить еще раз для моего конкретного случая. У кого-нибудь есть советы в этой ситуации?

Answer 1

Я не уверен, работает ли это в вашей конкретной ситуации, но я обнаружил, что заполнение внутреннего тега div будет перемещать содержимое внутри тега div, если содержащийся div имеет фиксированный размер. Вам придется либо плавать, либо абсолютно позиционировать элемент заголовка, но в противном случае я не пробовал это для div с переменным размером.