抱歉奇怪的措辞，但无论如何，我已经创建了一个工作正常的导航栏，但它稍微向右，即使我已经设置为一直向左。
< html>
<header>
<h1>Floor 3 </h1>
</header>
<head>
<link rel="stylesheet" href="css/bootstrap.css">
<title> Locker Map</title>
</head>
<style>
.navbar a {
float: left;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navbar {
background-color: #000;
overflow: hidden;
}
.navbar a.active {
background-color: #000000;
color: white;
}
.navbar a:hover {
background-color: #ddd;
color: black;
}
</style>
<body>
<div>
<ul>
<div class= "navbar">
<a class="active" href="AtomWTHSlockerMAP.html">Home</a>
<a href="floor1lockers.html">Floor 1 </a>
<a href="floor2lockers.html">Floor 2 </a>
<a href="floor3lockers.html">Floor 3 </a>
</div>
</ul>
<p> </p>
</body>
</html>
尝试将宽度设置为100％，并将边距设置为0。
.body {
width: 100%;
margin: 0;
}
我删除了ul并修复了它，谢谢