我有一个带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
赢得了滚动)
答案 0 :(得分:5)
添加height
:
#list {
width: 100%;
height: 500px;
background-color: yellow;
overflow: scroll;
}
身高需要100% - 帕特里克雷克46秒前
那为什么你不能把它改成那个?
#list {
width: 100%;
height: 100%;
background-color: yellow;
overflow: scroll;
}