Свойство максимальной высоты CSS

Не могли бы вы иметь обертку div с высотой, установленной как ваша высота и переполнение: прокрутка. Тогда внутренний div не имеет высоты, и по мере роста он будет заполняться, а затем использовать полосы прокрутки первого div?

К сожалению, в IE6 нет необходимости использовать выражение для IE6, а затем установить максимальную высоту для всех других браузеров:

 div{
       _height: expression( this.scrollHeight > 332 ? "333px" : "auto" ); /* sets max-height for IE6 */
       max-height: 333px; /* sets max-height value for all standards-compliant browsers */
       overflow:scroll;
}

Переполнение: авто, скорее всего, сработает в большинстве случаев, если возникнут дополнительные утечки.

Я нашел это решение из сообщения, сделанного в 2005 году (Быстрый взлом Min-Height). Это хитрость, но это простой и чистый CSS:

selector {
  max-height:500px;
  height:auto !important;
  height:500px;
}

Пример для max-height, но он работает для min-height, min-width и max-width. :)

* Примечание: вы должны использовать абсолютные значения, проценты не работают.

Все, что вам сейчас нужно, это "overflow: scroll;" чтобы это работало с полосами прокрутки

selector
{
    max-height:900px;
    _height:expression(this.scrollHeight>899?"900px":"auto");
    overflow:auto;
    overflow-x:hidden;
}

Я нашел это из http://www.tutorialspoint.com/css/css_scrollbars.htm и немного изменил. Кажется, работает как для IE9, так и для FF19

<style type = "text/css">
.scroll{
    display:block;
    border: 1px solid red;
    padding:5px;
    margin-top:5px;
    width:300px;

    max-height:100px;
    overflow:scroll;
}
.auto{
    display:block;
    border: 1px solid red;
    padding:5px;
    margin-top:5px;
    width:300px;
    height: 100px !important;
    max-height:110px;
    overflow:hidden;
    overflow-y:auto;
}
</style>
<p>Example of scroll value:</p>

<div class = "scroll">
    I am going to keep lot of content here just to show
    you how scrollbars works if there is an overflow in
    an element box. This provides your horizontal as well
     as vertical scrollbars.<br/>
    I am going to keep lot of content here just to show
    you how scrollbars works if there is an overflow in
    an element box. This provides your horizontal as well
     as vertical scrollbars.<br/>
    I am going to keep lot of content here just to show
    you how scrollbars works if there is an overflow in
    an element box. This provides your horizontal as well
     as vertical scrollbars.<br/>
    I am going to keep lot of content here just to show
    you how scrollbars works if there is an overflow in
    an element box. This provides your horizontal as well
     as vertical scrollbars.<br/>        
     </div>

<br />
<p>Example of auto value:</p>

<div class = "auto">
    I am going to keep lot of content here just to show
    you how scrollbars works if there is an overflow in
    an element box. This provides your horizontal as well
     as vertical scrollbars.<br/>
   </div>

Основной хак (в стиле RedWolves):

.divMax{width:550px;height:200px;overflow-Y:auto;position:absolute;}
.divInner{border:1px solid navy;background-color:white;}

Мне не нравился атрибут max-height, поэтому у меня это уже было, и я преуспел с этими двумя классами. Но это некрасиво, поэтому в поисках лучшего ответьте на этот вопрос. DivMax, имеющий position:absolute, позволяет отображать содержимое под ним, но контролирует максимальную высоту divInner до 200 пикселей.