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