Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css HTML5导航_Css_Html - Fatal编程技术网

Css HTML5导航

Css HTML5导航,css,html,Css,Html,我已经编写了下面的HTML和CSS。我在页面右侧定位导航时遇到问题。非常感谢您的帮助 HTML <header> <h1>Heading</h1> <nav> <a href='#'>Projects</a> <a href='#'>Pages</a> </nav> </header> 期望的结果 如果您的问题是您认为nav没

我已经编写了下面的HTML和CSS。我在页面右侧定位导航时遇到问题。非常感谢您的帮助

HTML

<header>
   <h1>Heading</h1>
    <nav>
       <a href='#'>Projects</a>
       <a href='#'>Pages</a>
    </nav>
</header>
期望的结果
如果您的问题是您认为
nav
没有完全向右定位,那么可能是因为您给每个
一个
元素的右边距而显得如此。然后,最后一个将始终是从右侧开始的30像素。所以,
nav
确实在右边,只是
a
边距不在右边

您可以通过执行以下操作来避免这种情况:

nav a:last-child {
  margin-right: 0;
}

我认为代码不需要解释。

Hmm…您想要的结果看起来像我用代码制作的JSFIDLE。它是如何出现在你的网站上的?@SirDerpington我所有的CSS代码都是必需的吗?它是在这个问题的特定浏览器中出现的吗?可能出现的情况是,像IE8(或更早版本)这样的浏览器,如果没有@SusanRobinson这样的东西,它就不能很好地处理HTML5标记,这取决于你的目标以及你希望它的外观:D第一眼我看不到任何完全不必要的东西。。但我很困惑,因为您用类似的HTML和CSS代码打开了其他问题
nav a:last-child {
  margin-right: 0;
}