<html 中的标签不适用于 <div class="subnav">

【问题标题】：<a tag in html is not working with <div class="subnav"><html 中的标签不适用于 <div class="subnav">
【发布时间】：2016-07-13 23:45:19
【问题描述】：

我正在用 html 为我的网站编写代码。当我使用

<div id="column">
  <div class="subnav">


      <li><a href="Introduction To File.html">Introduction To File</a></li>


          <li><a href="File Access Mode.html">File Access Mode</a></li>
          <li><a href="Error in opening file.html">Error Handling</a></li>
          <li><a href="#">Closing File</a></li>
          <li><a href="End of file.html">End of File</a></li>
          <li><a href="fcloseall() vs exit().html">fcloseall() vs exit()</a></li>
          <li><a href="getchar() and putchar().html">getchar() and putchar()</a></li>
          <li><a href="getc() and putc().html">getc() and putc()</a></li>
          <li><a href="fputc() and fgetc().html">fputc() and fgetc()</a></li>
          <li><a href="fgets.html">fgets()</a></li>

  </div>
</div>

注意：当我点击 Introduction To File 时，我不会发送到 Introduction To File.html 页面（错误），但是当我插入时

<div class="clear"></div>

然后我被发送到 Introduction To File.html 页面，问题是在添加“清除”后似乎添加了一些不需要的空间，这是不好的。

请帮忙找出我哪里出错了？

【问题讨论】：

您的
不在

另请注意，如果您在锚点中编码的 URL（<a> 标记）包含空格等字符，则它们在形式上是无效的。您必须urlencode() 这些链接才有效。目前由浏览器决定如何使用这些无效符号。

我也厌倦了添加它，但仍然没有运气

奇怪，在我的情况下，它工作得很好，我复制了你的代码，把它放到 jsfiddle 和.. 工作？链接那里=> jsfiddle.net/kwnrwrwj

@PetrCihlar 它也对我有用.. 只需复制粘贴他的代码

标签： html

【解决方案1】：

查看您在评论中提供的链接后，问题很简单。你有一个div，id 为container，这个 div 覆盖在你的左侧菜单上。所以它就像左侧菜单上方的隐形包装。因此，您将永远无法单击锚标记。将此 CSS 规则放入您的代码中，它必须有效

你已经有了这个

  #header, #topbar, #topnav, #breadcrumb, #container, #footer, #copyright {
    position: initial;
    margin: 0 auto 0;
    display: block;
    width: 96%;
  }

添加此 CSS 规则以覆盖上述 position:relative 规则。

 #container {
     position: initial; 
    }

使用上面的代码，重叠被删除，您可以点击链接。

为了快速检查，将其粘贴到浏览器控制台中，您会看到链接是可点击的。

$('#container').css('position','initial');

【讨论】：

【解决方案2】：

您的 HTML 无效。 <li> 元素不能是 <div> 的子元素。它们必须包含在 <ul>

中

另外，you need to encode the spaces in your URL to %20. 那是空格的字符编码。否则会被误解为你发现的那样。

URL Encoding

【讨论】：