【发布时间】：2023-03-30 15:47:01
【问题描述】：
好的，在 HTML 方面相当菜鸟，但我遇到了一些问题。
我正在尝试将我的链接放在一个体面的地方。这是一个细分。 我已经定义了一个 960 像素宽的容器，并将其放入我的标题中。 在该容器内，我有一个图像，它是我的徽标和一个无序列表，徽标与它与页面左侧边缘之间的一点空间完美对齐，但是列表向右对齐无论我如何更改右边距/填充，直到页面边缘。
<div id="header">
<div class="container">
<img src="images/headerlogo.jpg" height="240" width="381" />
<ul id="nav">
<li><a href="index.html"><b>.home</b></a></li>
<li><a href="blog.html"><b>.blog</b></a><li>
<li><a href="portfolio.html"><b>.portfolio</b></a></li>
</ul>
</div>
</div>
这是伴随元素的 CSS。
/* Common Classes */
.container {width:960px;margin:0 auto;}
/* Header */
#header {
height:240px;
background:url(../images/headerbg.jpg) repeat-x; margin:0;
}
#nav {list-style:none; margin:190px 0 0 0; padding:0; float:right;}
#nav li {float:left; height:45px; text-align: center; padding:7px 1px 5px 5px; margin:0 0 5px 5px;}
#nav li a {color:#a4b2b7; font-family:arial; font-size:25pt; letter-spacing:-2px; text-decoration:none;}
#nav li a:hover {color:#2f738c;}
编辑：另外，第三个列表项的间距比前两个更远......好像它在该单个项目的左侧有一个边距......为什么？ >_
我完全错过了什么吗？如果您需要任何其他信息，请告诉我。
感谢大家的帮助。
【问题讨论】：
标签： navigation css-float alignment margin