如何使此侧边栏可滚动？

Question

How do I make this "sidebar" scrollable? I tried overflow: auto, but that didn't work.

http://jsfiddle.net/kK2gD/

Answer 1

Correct the line ending for padding, and reduce the height of the sidebar.

#sidebar {
    float:left;
    width:330px;
    text-align:center;
    height:100px;
    background:#eee;
    padding:150px 5px;
    overflow: auto;
}

http://jsfiddle.net/wMq2E/

Answer 2

This will fix it:

#sidebar {
    float:left;
    width:330px;
    text-align:center;
    height:200px;
    background:#eee;
    padding:150px 5px;
    overflow:scroll;
}

First, you were missing a ; in padding .

Second, you should set overflow to scroll .

Answer 3

This should work perfectly fine. I found a typo in your css. At the end of

padding:150px 5px

the ; is missing. Should work with that.

Answer 4

padding:150px 5px;<-- you miss this coma
overflow:auto;