Html 修复顶部的层叠css菜单

我一直在尝试让菜单粘贴到页面顶部，无论您滚动到哪里，但我无法做到这一点。这是我的密码：

body#beta#beta#，
body#中兴a#中兴，
身体#荣誉#荣誉#，
body#三星a#三星，
身体#市场#市场#，
身体#βa#β，
活跃的{
背景色：#0D47A1；
}
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
}
活跃的{
背景色：#0D47A1；
}
李先生{
背景：#fff；
}
ul a、.dropbtn{
显示：内联块；
颜色：#fff；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
下拉列表{
显示：内联块；
}
.下拉列表{
位置：相对位置；
显示：内联块；
}
.下拉内容{
显示：无；
位置：固定；
顶部：40px；
背景色：#fff；
最小宽度：120px；
盒影：0 8px 16px 0 rgba（0,0,0,0.2）；
}
.下拉内容a{
颜色：#000；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
}
.下拉列表内容a：悬停{
背景色：#f1f1；
}
.下拉：悬停.下拉内容{
显示：块；
}

我试过了

position:fixed;

及

但这只会变得一团糟

有谁能帮我弄清楚如何把整个菜单固定在顶部

position:fixed;
top:0;

这就是你所需要的

这将获取正常内容流之外的元素，并将其放置在视口的顶部，无论您在内容中滚动到何处（默认情况下，视口是浏览器窗口，但它可以是父

iframe

或具有一些选定三维变换的任何父元素）。
您必须确保

body

元素没有任何边距（

body{margin:0；}

将处理该问题）

您的问题是您没有正常的内容流（至少在本例中是这样）

另一个相当重要的补充是，IoS设备忽略

位置：固定并替换为
位置：绝对。显然，他们认为<代码>位置：固定；<代码>对在线安全的责任（需要引用）。这是一个糟糕的设计决策，但事情就是这样。无论如何，为了让您的元素在IoS上保持“固定”，您需要确保它没有一个具有设置位置的父元素（除了
静态
），这一点首先就超过了使用
位置：固定的整个目的。

是的，我知道。和苹果谈谈

注意：在一些较新版本的IoS中，
位置：固定属性仅在特殊状态下被忽略，例如当键盘打开时。
请设置小提琴或其他东西，以便我们能够正确地通知。对不起，我是新手。查看jfiddle编辑：这里是jfiddle，你的html结构完全混乱了，你应该先处理一下，这里有不必要的html。。。然后是另一个。无论如何，当您将包装ul设置为固定时，它不会影响其余元素，因此您只需向下推送内容。ul元素太多，并且元素嵌套不正确（您在ul之前打开一个div，然后在关闭ul之前关闭它）。ul元素上的id和位置属性不包含在引号中。您有两个ul元素共享相同的id。您需要先阅读html。感谢您提供有关安全漏洞的提示。那么，通过将主体边距设置为0，它允许菜单在其上流动？（对我来说，这是最好的提问方式）您需要在车身上设置一个
填充顶部：
。如果你不知道，你的第一部分内容将隐藏在导航栏后面。除非导航栏可以切换，@hungerstar。无论如何，这就是在内容流之外获取元素的意义所在。它将与正常的内容流重叠。这是正常的和预期的行为。@AndreiGheorghiu我意识到这一点。这是对游戏新手的评论/提示，可能不完全理解这一点以及如何解释。干杯。对了，我是新来的，并且已经无可救药地迷路了（java和SQL是我的东西，web开发人员不是），谢谢你们
position:fixed;
top:0;