职位的孩子:固定;不会滚动

时间:2013-11-09 13:39:35

标签: css

我有一个带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赢得了滚动)

1 个答案:

答案 0 :(得分:5)

添加height

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

Updated fiddle

  

身高需要100% - 帕特里克雷克46秒前

那为什么你不能把它改成那个?

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

Fiddle