我正在尝试使网站响应;我几乎完成了它,除了当我缩小窗口时,导航链接与左侧的 Logo 重叠。看看here 调整窗口大小时,如何使导航栏移动到 Logo 下方? 感谢您的帮助
最佳答案
我玩过你的代码,我首先发现的是两个 #nav id。 每个页面应该只有一个唯一 ID。
但是,您的主要问题是导航项的固定位置。 这导致导航总是在 Logo 上前进。 Position fixed 忽略文档流并将其放置在您放置的任何位置。
您需要将导航返回到文档流中 将您的导航元素更改为相对并干预顶部定位。
您应该将这些放在与您的断点相关的新媒体查询中 您还需要删除所有这些定位样式。 那应该让你成功了一半。 我会提供更多帮助,但我刚刚得到了朗姆酒和可乐,所以最好现在停下来。
史蒂夫
关于html - 响应式网站重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15708475/