CSS - создание div с содержимым заданной высоты

#css

Вопрос:

Мне было интересно, есть ли способ с помощью CSS установить высоту div и сохранить эту высоту неизменной, даже если содержимое находится внутри этого div … вместо того, чтобы опускать его, он остается прежним.

Например, я хочу использовать функции jquery slidedown и slide up, но я не хочу, чтобы остальное содержимое перемещалось, поэтому, если я помещу div с заданной высотой сразу за содержимым, которое я хочу переместить, высота останется прежней.

Приветствия,

Ответ №1:

Вы можете использовать height атрибут для указания высоты div, и вы можете предотвратить расширение содержимого за его пределы, установив overflow:hidden;

Код:

 #wrapper {
    height: 20px;
    background-color: orange;
    overflow:hidden;
}

<div id="wrapper">
    content<br/>
    content<br/>
    content<br/>
</div>

Ответ №2:

Звучит так, как будто вам нужно max-height свойство, хотя это не поддерживается в IE6 (как будто это больше имеет значение).