Html 带有@Media的浮动菜单

我正在开发一个web应用程序，希望创建一个浮动菜单，当到达宽度

minwidth:340px

和

maxwidth:640px

时，它保持固定并浮动在顶部，我给出了一个

显示：块显示菜单，但不显示菜单

菜单显示在页面顶部，但不显示



@媒体屏幕和（最小宽度：340px）和（最大宽度：640px）{
#imagem_校长{
宽度：100%；
左边距：210像素；
}
布斯卡先生{
边缘顶部：80px；
左边距：110像素；
职位：关系型；
}
#布斯卡坎波酒店{
宽度：230px；
}
.高级菜单{
显示：无；
}
.收割台固定{
显示：块；
}
.菜单2{
显示：无；
}
.收割台固定{
背景色：#CCC；
位置：固定；
左：0；
排名：0；
z指数：999；
宽度：100%；
显示：无；
背景色：#6495ED；
边框底部：1px实心#000；
高度：37像素；
字号：20pt；
}
}
您正在使用的
显示：无添加code>。标题已修复
这会隐藏标题。只要删除它，它就会出现


@媒体屏幕和（最小宽度：340px）和（最大宽度：640px）{
#imagem_校长{
宽度：100%；
左边距：210像素；
}
布斯卡先生{
边缘顶部：80px；
左边距：110像素；
位置：相对位置；
}
#布斯卡坎波酒店{
宽度：230px；
}
.高级菜单{
显示：无；
}
.收割台固定{
显示：块；
}
.菜单2{
显示：无；
}
.收割台固定{
背景色：#CCC；
位置：固定；
左：0；
排名：0；
z指数：999；
宽度：100%；
背景色：#6495ED；
边框底部：1px实心#000；
高度：37像素；
字号：20pt；
}
}
您正在使用的
显示：无添加code>。标题已修复
这会隐藏标题。只要删除它，它就会出现


@媒体屏幕和（最小宽度：340px）和（最大宽度：640px）{
#imagem_校长{
宽度：100%；
左边距：210像素；
}
布斯卡先生{
边缘顶部：80px；
左边距：110像素；
位置：相对位置；
}
#布斯卡坎波酒店{
宽度：230px；
}
.高级菜单{
显示：无；
}
.收割台固定{
显示：块；
}
.菜单2{
显示：无；
}
.收割台固定{
背景色：#CCC；
位置：固定；
左：0；
排名：0；
z指数：999；
宽度：100%；
背景色：#6495ED；
边框底部：1px实心#000；
高度：37像素；
字号：20pt；
}
}

将display:block置于.header-fiixed.css上方后，您的.header-fiixed.css中有display:none，因此它将取消它。将display:block置于其上方后，您的.header-fiixed.css中有display:none，因此它将取消它