css - このサイドバーをスクロール可能にするにはどうすればよいですか?

Question

この「サイドバー」をスクロール可能にするにはどうすればよいですか? overflow: auto を試しましたが、うまくいきませんでした。

http://jsfiddle.net/kK2gD/

Answer 1

行末のパディングを修正し、サイドバーの高さを減らします。

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

http://jsfiddle.net/wMq2E/

Answer 2

これで修正されます：

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

まず、 に a がありませんでし;たpadding。

次に、に設定overflowする必要がありますscroll。

Answer 3

これは完全にうまくいくはずです。css にタイプミスが見つかりました。の終わりに

padding:150px 5px

が;ありません。それで動作するはずです。

Answer 4

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