3

のサイドバーがありposition: fixedます。このサイドバーの中に、.list使用したい場所がありますoverflow: scroll。しかし、それは私が望むようには機能していません。

HTML

<div id="side">

    Stuff

    <div id="list">
        <div class="item">An item</div>
    </div>

</div>

CSS

#side {
    width: 20%;
    height: 100%;
    background-color: red;
    position: fixed;
}

#list {
    width: 100%;
    background-color: yellow;

    overflow: scroll;
}

.item {
    padding: 10px;
}

問題の JSFiddle: http://jsfiddle.net/wGE9W/ (黄色listはスクロールしません)

4

1 に答える 1

7

追加height:

#list {
    width: 100%;
    height: 500px;
    background-color: yellow;
    overflow: scroll;
}

更新されたフィドル

高さは 100% である必要があります – パトリック・レック 46 秒前

では、なぜそのように変更できないのでしょうか。

#list {
    width: 100%;
    height: 100%;
    background-color: yellow;
    overflow: scroll;
}

フィドル

于 2013-11-09T13:40:47.877 に答える