max-height 100 и bottom bottom

Question

Я хотел бы создать фиксированный элемент с переменной высотой, который соответствует содержанию и максимальной высоте.

Теперь я использую эту технику:

#element{ 
    position:fixed; 
    top:50px; 
    bottom:50px; 
} 

Это хорошо, но я хотел бы, чтобы высота меньше, если содержание меньше этой высоты ... Я хотел бы сделать что-то вроде макс -высота с краем-снизу.

Answer 1

max-height: 500px;, например, сделает элемент высотой 500px (или короче, если его содержимое короче). См. https://developer.mozilla.org/en-US/docs/CSS/max-height для получения дополнительной информации о max-height. Вероятно, вы также захотите указать переполнение, например, overflow: scroll;.

Похоже, это то, что вы хотите:

#element{ 
    height: 100%; 
    max-height: 500px; 
    margin-bottom: 100px; 
} 

Обратите внимание, что я удалил спецификации позиционирования.

Если это не сработает для вас, предоставьте более подробную информацию о своем желаемом результате, а также о всех HTML и CSS, которые у вас есть.