Html 使div在固定边栏（css）内可滚动

你能帮我吗？ 侧边栏中的div（最后一个）应该是可滚动的。 我想使用边栏来实现一些功能，比如电话号码搜索和显示生日

在最后一节中，我想展示很多通知。 每个通知的最小高度约为100px。 如果有太多，我想让div可以滚动

这就是我目前的代码：

*{
填充：0；
保证金：0；
框大小：边框框；
}
navbar先生{
位置：固定；
排名：0；
左：0；
右：0；
高度：36px；
背景色：红色；
边框：4px纯蓝色；
}
.侧边栏{
位置：固定；
顶部：36px；
底部：0；
右：0px；
宽度：200px；
背景颜色：蓝色；
边框：4px纯黄色；
}
.侧边栏项目{
边缘底部：5px；
}
.项目标题{
字体大小：粗体；
边框：1px实心#000；
背景颜色：绿色；
}
.内容{
边缘顶部：36px；
右边距：200px；
背景颜色：黄色；
边框：4倍纯紫色；
}

Navbar
标题
内容
标题
内容
标题
内容
标题
内容
标题
内容
标题
顶

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

底部

顶

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

底部

您需要包括

溢出：自动侧边栏类中的样式。
可滚动div更改为我更改为的另一个名称
侧栏_项2

并应用了以下css

.sidebar_item2 {
    overflow-x:auto;
    height:100px;
}

希望这就是你正在尝试的。
如果你想让最后一个孩子与其他孩子不同。。。滚动到你说的。这有一个伪类选择器

 .sidebar:last-child { overflow-y: scroll; }

已使用
.sidebar\u项：最后一个子项
伪类选择器，并使用
calc（）计算高度


*{
填充：0；
保证金：0；
框大小：边框框；
}
navbar先生{
位置：固定；
排名：0；
左：0；
右：0；
高度：36px；
背景色：红色；
边框：4px纯蓝色；
}
.侧边栏{
位置：固定；
顶部：36px；
底部：0；
右：0px；
宽度：200px；
背景颜色：蓝色；
边框：4px纯黄色；
}
.侧边栏项目{
边缘底部：5px；
}
.项目标题{
字体大小：粗体；
边框：1px实心#000；
背景颜色：绿色；
}
.内容{
边缘顶部：36px；
右边距：200px；
背景颜色：黄色；
边框：4倍纯紫色；
}
.sidebar_项：最后一个孩子{
溢出y：自动；
高度：计算（100%-215px）；
}
Navbar
标题
内容
标题
内容
标题
内容
标题
内容
标题
内容
标题
顶

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

内容

底部

顶

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

布拉

底部

在
侧边栏上添加
溢出：auto
是否有您想要的效果？@Jonathan。我只希望最后一个div可以滚动，而不是整个侧边栏。如果屏幕太小以至于最后两个div都看不见怎么办？@Jonathan well从未想过这一点。但侧边栏应该只在台式机上可见，而不是在移动设备上。请查看我的问题下的评论。不太清楚。我想让div伸展到可用的高度。如果高度设置为100px，则只有一个通知可见。您不必指定高度，只需说“高度自动”。我猜你希望top保持在顶部和底部，保持底部，它说功能将放在哪里？顶部和底部只在那里