动态设置div的高度

Question

I have a div called list which is getting its content from database. I have set the vertical scroller such that whenever its height exceeds 100px,it will use scroll bar.

Now my problem is when the content of the list gets empty or less than 100px,it is setting to same height of 100px .I want the height of div dynamically as per the content of it and at the same time use vertical scroll bar whenever its height crosses 100px.

#list {
height: 100px;
width: 1100px;
overflow-x: hidden;
overflow-y: auto;
}

Any help will be highly apreciated

Answer 1

Use max-height:100px instead of height:100px .

You can see the difference here: jsFiddle example . Chop the text down to see the div shrink.

Answer 2

height:auto;
max-height:100px;