Html 当用户放大浏览器时，使导航栏滚动

删除问题。不再需要了。

小提琴：

这里有几个问题

html标记通常用作某些包含元素（在您的情况下为

）的“导航辅助”的容器元素：

HTML元素表示一组介绍性的或 导航设备。它可能包含一些标题元素，但也包含其他元素 元素，如徽标、包装的部分标题、搜索表单等 开

。。因此，它在语义上并不是不正确的，但可以将其视为页面上“框架”或框的顶部（而不是侧边栏导航）

您的导航栏

overflow

属性设置为

hidden

——这将阻止您正在查找的滚动。除了doc body之外，它也没有父元素，因此除非您想在导航栏上滚动，否则您需要添加一个带有

overflow:auto

示例：


html，正文{
高度：1000px；
宽度：1000px；
}
.content{
身高：100%；
宽度：100%；
溢出：自动；
背景颜色：粉红色；
}    
.标题{
显示：块；
位置：固定；
左：0；
排名：0；
宽度：260px；
最小高度：100%；
填充：0 50px；
背景：#FFFFFF；
浮动：左；
溢出：隐藏；
z指数：9999；
}
.标题.徽标{
边缘顶部：50px；
左边距：-50px；
}
.收割台导航ul{
显示：块；
溢出：隐藏；
利润上限：35px；
左边距：-15px；
列表样式：无；
}
.标题nav ul li{
显示：块；
边缘底部：30px；
边缘顶部：50px；
}
.标题导航ul li a{
颜色：#000000；
字体系列：“raleway常规”，arial；
字体大小：20px；
文字装饰：无；
字母间距：2px；
}
.标题导航ul li a：悬停{
颜色：#8AE6B8；
}
.收割台导航ul li a：激活{
颜色：#CC99FF；
}
.过渡{
宽度：50%；
高度：30px；
位置：相对位置；
过渡：0.5s；
}
.过渡：悬停{
宽度：100%；
高度：30px；
位置：相对位置；
过渡：0.5s；
}
.侧边栏{
宽度：75%；
身高：100%；
位置：相对位置；
填充：0px；
左缘：20%；
}
.页眉.页脚{
利润率最高：30%；
}
联邦理工学院{
位置：相对位置；
列表样式：无；
边缘底部：5px；
滤镜：灰度（100%）；
-webkit过滤器：灰度（100%）；
/*适用于Webkit浏览器*/
过滤器：灰色；
/*对于IE 6-9*/
-webkit过渡：全部.7秒轻松；
/*Webkit浏览器的转换*/
}
李先生{
显示：块；
浮动：左；
位置：相对位置；
利润率：0 15px 15px 4px；
}
社会保险公司{
显示：块；
宽度：30px；
高度：30px；
背景位置：0；
}
.标题.权限p{
颜色：#000000；
字体系列：“raleway常规”，arial；
字体大小：11px；
字母间距：2px；
线高：18px；
}
.标题.权利a{
字体系列：“raleway bold”，arial；
字体大小：粗体；
文字装饰：无；
}



























版权所有©MD

成功了！非常感谢，我真的很感激！起初，我尝试了overflow:auto；，然而，它没有起作用。底部：0；我成功了！再次感谢你。
header {
  overflow: auto;
  bottom:0;
}