导航菜单栏上的CSS边框问题-Java 学习之路

我认为我的导航栏css代码无边框但是当我刷新网站窗口时，它仍然显示屏幕和导航栏的空白边界（即使我的宽度为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;
}

谢谢您的帮助 .

2 回答

0

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

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

回复于 2024-05-03T12:45:28+08:00

我为 ul 添加了 left:0;

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

回复于 2024-05-03T12:45:28+08:00

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

2 回答

相关问题