<分区>
<分区>
我的页眉左侧有多余空间。
我的页脚也有同样的问题，使用 <nav>和 <ul> , 但将其编辑为仅使用 <a>元素，这似乎可以解决问题。但是，我想保留 <nav>在标题中，最好不使用否定 margin-left .
https://jsfiddle.net/thereseel/d75jurzy/6/
<header>
<nav>
<ul class="mainnav">
<li><a href="#">Home</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Logo</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Location</a></li>
</ul>
</nav>
</header>
最佳答案
由于 ul
浏览器有很多元素的默认 CSS 值，ul 就是其中之一。
从您当前的代码中删除填充
例子:
.mainnav {
/* add this to override default padding left of ul*/
padding-left: 0;
}
这是浏览器使用的默认 CSS 值引用:w3schools link
关于html - 标题旁边的多余空间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56407220/