Make div scrollable

Question

I have a div that I am displaying many things in that are related to laptop for filtering data. The div increases it's size as the data size increases in it.

I want the div to remain at a max size of 450px then if data increases scroll will come automatically. The div size should not be increased.

jsfiddle for it.

css :

.itemconfiguration {     min-height:440px;     width:215px;     /* background-color:#CCC; */             float:left;     position:relative;     margin-left:-5px; }  .left_contentlist {     width:215px;     float:left;     padding:0 0 0 5px;     position:relative;     float:left;     border-right: 1px #f8f7f3 solid;     /* background-image:url(images/bubble.png); */     /* background-color: black; */ } 

Can anyone help me achieve this?

Answer 1

Use overflow-y:auto for displaying scroll automatically when the content exceeds the divs set height.

See this demo

Answer 2

use overflow:auto property, If overflow is clipped, a scroll-bar should be added to see the rest of the content,and mention the height

DEMO

 .itemconfiguration     {         height: 440px;         width: 215px;         overflow: auto;         float: left;         position: relative;         margin-left: -5px;     }