html - 响应式网站重叠

标签 html css responsive-design

我正在尝试使网站响应;我几乎完成了它,除了当我缩小窗口时,导航链接与左侧的 Logo 重叠。看看here 调整窗口大小时,如何使导航栏移动到 Logo 下方? 感谢您的帮助

最佳答案

我玩过你的代码,我首先发现的是两个 #nav id。 每个页面应该只有一个唯一 ID。

但是,您的主要问题是导航项的固定位置。 这导致导航总是在 Logo 上前进。 Position fixed 忽略文档流并将其放置在您放置的任何位置。

您需要将导航返回到文档流中 将您的导航元素更改为相对并干预顶部定位。

您应该将这些放在与您的断点相关的新媒体查询中 您还需要删除所有这些定位样式。 那应该让你成功了一半。 我会提供更多帮助,但我刚刚得到了朗姆酒和可乐,所以最好现在停下来。

史蒂夫

关于html - 响应式网站重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15708475/

相关文章:

css - 我可以让为 OS X 上的 safari 编写的 CSS 在 chrome for windows 中工作吗?

html - 带有填充和边框的 Firefox 问题

html - 如何仅使用一个固定链接悬停多个元素

HTML & CSS : Align text line to bottom center of div

javascript - Canvas 大小不一致

html - 页面宽度减小时如何将文本换行

javascript - 我应该如何处理响应式设计中的 DOM 变化?

html - 可以用 CSS 重建表格吗?

javascript - slideToggle 不在表格上设置动画

php - 使用 PHP 更新 MySQL