Может ли div с указанной высотой (в CSS) автоматически масштабироваться?

Question

Я установил для div значение height:100px; width:50px, но когда содержимое div меняется динамически, я хочу, чтобы высота адаптировалась к изменению.

Что мне делать?

Answer 1

Самый простой способ сделать

min-height: 100px;

это установит минимальную высоту div в 100px, но позволит расти по мере увеличения содержимого.

Answer 2

Как и другие говорили, что min-height и min-width - это то, что вам нужно. Это правило CSS и применяется следующим образом:

#someDivName {

min-height: 100px;
min-width: 50px;

}

Теперь ваш div будет 100px на 50px, но если содержимое внутри будет больше, оно адаптируется к изменениям. Как и другие, о которых я упоминал ранее, минимальные свойства не работают в IE6, но кто все равно заботится о IE6. Даже крупные сайты, такие как youtube, прекратили поддержку.

Answer 3

минимальная высота - хорошая практика. Кроме того, вместо выражения высоты в «px» используйте «em», который будет масштабироваться с текущим шрифтом.