html - header 的边距使 "a"标记不可点击

Question

我是网络开发新手，正在尝试构建响应式餐厅网站。除了在手机上，一切都完美无缺，有时链接不起作用。但是前2个链接没有任何问题。我检查了网站，发现标题的顶部边距在那些菜单链接的前面。在我看来，这是造成问题的原因。我怎样才能使这些链接出现在另一个元素的边距前面，以便它可以点击？这是它的样子。 Image

Answer 1

如果没有用于重叠元素和导航的实际 html 和 css，则很难分辨，但我认为您可能在此处遇到 z-index 问题，因此请尝试设置以下样式导航包装元素:

nav {
  position: relative;
  z-index: 10; /* or higher if the content is wrapped in a container with higher z-index */
}