HTML <ul> 标签延伸到页面的角落

Question

我正在使用 <ul> 标签制作导航栏，但我运行遇到了导航栏未延伸到网页边缘的问题.

HTML:

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#store">Store</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#about">About us</a></li>
  <li><a href="#contact">Contact</a></li>
</ul>

Answer 1

在我的原始代码中，我没有考虑默认的正文边距。我按照用户 tacoshy 的建议添加了 body { margin: 0; }，这修复了不需要的“white-space”。

HTML <ul> 标签延伸到页面的角落

HTML <ul> tag nog stretching to corners of page

html

css

navigationbar