导航栏中的CSS问题
所以，我上一次做网页开发时，基本上只有HTML，而且我对它的理解也只是一个基本的了解。所以现在，我正在努力学习CSS。我的问题是水平导航栏，它不能完全居中。我尝试过调整宽度、边框和边距，但我遗漏了一些东西 在我当前的布局中，左边的空白比右边多了一点，我被卡住了 以下是JSFIDLE： CSS:导航栏中的CSS问题,css,center,navbar,Css,Center,Navbar,所以，我上一次做网页开发时，基本上只有HTML，而且我对它的理解也只是一个基本的了解。所以现在，我正在努力学习CSS。我的问题是水平导航栏，它不能完全居中。我尝试过调整宽度、边框和边距，但我遗漏了一些东西 在我当前的布局中，左边的空白比右边多了一点，我被卡住了 以下是JSFIDLE： CSS: 保险商实验室 { 宽度：100%； 列表样式类型：无； 左边距：自动； 右边距：自动； 填充：无； 溢出：隐藏； } 锂 { 对齐：居中； 宽度：20%； 保证金：0； 填充：0； 显示：内联块； 列
保险商实验室
{
宽度：100%；
列表样式类型：无；
左边距：自动；
右边距：自动；
填充：无；
溢出：隐藏；
}
锂
{
对齐：居中；
宽度：20%；
保证金：0；
填充：0；
显示：内联块；
列表样式类型：无；
}
a:链接，a:已访问
{
显示：块；
宽度：100%；
字体大小：粗体；
字体大小：20px；
颜色：#FFFFFF；
背景色：#FF6103；
文本对齐：居中；
填充物：5px；
文字装饰：无；
字体变体：小大写字母；
}
a:悬停，a:活动
{
背景色：#000000；
颜色：#FF6103；
}
#容器{
宽度：100%
}
.顶{
位置：绝对位置；
宽度：80%；
身高：10%；
左边距：自动；
边缘顶部：20px；
右边距：自动；
颜色：#000000；
填充：0；
}
.内容{
位置：绝对位置；
宽度100%；
左边距：10px；
右边距：10px；
填充：3倍；
颜色：#dddddd；
}
#img
{
}
模拟中心{
显示：块；
左边距：自动；
右边距：自动；
}
单“帧”测试
这是在建设中！
谢谢。您需要固定宽度+
左边距：自动右边距：自动ul {
width:500px;
list-style-type: none;
margin-left:auto;
margin-right:auto;
padding:0;
}
float:leftdisplay:block请参阅我的教程：。很抱歉响应延迟，因此我尝试进行更改。它仍然不是很中心（我还更新了JSFIDLE），为什么要指定像素宽度而不是百分比？我非常希望导航栏能够调整大小，除非有什么大的理由我不应该让它这样做。
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="jascostyle.css">
<title>Single"Frame" Test</title>
</head>
<body>
<div id="container">
<center>
<div class="top">
<img class ="center" width="80%" height="5%" href="#temp" src="#temp" alt="JASCO ENERGY"/>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
<div class="content">
<h1>This is under construction!</h1>
</div>
</div>
</body>
</html>
ul {
width:500px;
list-style-type: none;
margin-left:auto;
margin-right:auto;
padding:0;
}