Fatal编程技术网
  • javascript/
  • Javascript 为什么我的网站导航栏与手机版内容重叠

Javascript 为什么我的网站导航栏与手机版内容重叠

javascript html css

Javascript 为什么我的网站导航栏与手机版内容重叠,javascript,html,css,Javascript,Html,Css,我不确定是什么代码导致了问题，所以我不确定发布什么 在我的网站上，导航栏与手机版的内容重叠 该网站正在尝试为较小屏幕尺寸的标题元素提供页边距顶部，如下所示： @media(max-width:500px){ header{ margin-top:100px; } 类似于这样的内容可能会导致您的锻炼，尝试根据您的需要更改“最大宽度”和“边距顶部”的值。您的代码中有这样一部分： .fixed-top { position: fixed; top: 0;

我不确定是什么代码导致了问题，所以我不确定发布什么

在我的网站上，导航栏与手机版的内容重叠

该网站正在

尝试为较小屏幕尺寸的标题元素提供页边距顶部，如下所示：

@media(max-width:500px){
    header{
      margin-top:100px;
    }
类似于这样的内容可能会导致您的锻炼，尝试根据您的需要更改“最大宽度”和“边距顶部”的值。

您的代码中有这样一部分：

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
当我移除
位置时：固定，图像会在移动视图中的导航栏下跳下

这些学校说：

具有位置的元素：固定的；相对于
视口，这意味着即使
页面被滚动。使用顶部、右侧、底部和左侧属性
来定位元素

一个固定的元素不会在页面中留下一个空白
通常已经找到了。”


试着绕过那个固定值。可能使用
position:sticky
代替z-index组合。
请编辑问题并包含问题的详细信息？要求他人为您调试网站是不公平的
标题。标题应始终具有
填充顶部：17rem
我将提供一个示例，我只是不确定应该提供哪个片段，因为我不确定是什么导致了错误