Css 当窗口宽度减小时，固定位置的收割台与容器div重叠

我的标题有一个小问题，我添加了一个媒体查询，当窗口宽度减小时，它会变得更高，但实际上它与我的容器重叠。 我尝试添加另一个媒体查询以降低容器的顶部位置，但它不起作用

标题{
位置：固定；
宽度：100%；
排名：0；
左：0；
z指数：100；
背景：黑色；
背景位置：中心；
高度：200px；
颜色：白色；
}
#菜单里{
显示：内联；
}
@媒体屏幕和屏幕（最大宽度：600px）{
#菜单里{
显示：块；
利润率：30像素；
}
标题{
高度：400px；
}
#容器{
位置：绝对位置；
顶部：400px；
}
}
#菜单a{
背景色：#00bff；
颜色：白色；
填充：10px 20px；
文字装饰：无；
边界半径：40px 4px；
}
#菜单a：悬停{
背景色：#0489B1；
}
h1，
h2，
导航{
文本对齐：居中；
利润率：30像素；
}
h3，
形式，
页脚{
文本对齐：居中；
}
#容器{
位置：绝对位置；
顶部：200px；
左：0px；
}
图{
显示：块；
保证金：自动；
}

标题
标题

将容器的基本样式属性移动到媒体查询上方，现在媒体查询应该正确覆盖基本样式

---

您这里的问题是，浏览器先解析MediaQuery，然后再解析常规css样式。只需将mediaqueries放在页面底部即可