Question

我认为导航栏的CSS代码是无懈可击的，但是当我刷新网站窗口时，它仍然显示屏幕和导航栏的空白betwin边框（即使我的宽度为100％）

ul {
  position: fixed;
  top: 0;
  margin: 0;
  padding-left: 0;
  width: 100%;
  background-color: #333;
}

li {
  float: left;
  list-style-type: none
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  padding-left: 10px;
  margin: 0;
  text-decoration: none;
}

谢谢您的帮助。

Answer 1

我为left:0;添加了ul

ul {
  position: fixed;
  top: 0;
  left:0;
  margin: 0;
  padding-left: 0;
  width: 100%;
  background-color: #333;
}

Answer 2

您应该使用CSS重置来防止浏览器自动出现边距和填充： https://meyerweb.com/eric/tools/css/reset/

从CSS文档顶部的链接中编写代码

导航菜单栏上的CSS边框问题

2 个答案: