Question

我是CSS的完全新手，并使用HTML和CSS在Youtube上浏览一些示例。我的问题是出现多个空白链接。（这是一个链接，让你知道我的意思。http://cly.site90.net/images/Error.png。）

HTML非常简单：

<body>
<div id="divWall">
 <div id="divLinks">
    <div id="divNav">
       <ul>
           <li><a href="Index.html">Main</li>
           <li><a href="About.html">About</li>
           <li><a href="Log-in.html">Log-in</li>
           <li><a href="Register.html">Register</li>
       </ul/
    </div>
 </div>
</div>
</body>

这是CSS代码：

 body, h1, h2, h3, h4, h5, h6, p, div, ul, li {
 margin:0;
 padding:0;
 }
 body{
 font-family: Verdana, Geneva, asns-serif;
 background-color: #FFF;
 }
 #divWall {
 width:700px;
 margin:20px auto;
 }
 #divLinks {
   width:700px;
   background:#666;
 }
 #divNav {
  width:384px;
  background:#666;
  height:36px;
  margin:0 auto;
 }
 #divNav ul {
    list-style-type:none;
 }
 #divNav ul li {
   float:left;
 }
 #divNav ul li a {
   display:block;
   height:20px;
   background:#000;
   width:80px;
   font-size:0.8em;
   color:#FFF;
   text-align:center;
   text-decoration:none;
   margin:7px;
 }

3个空白链接没有写作，将链接到Index，About＆amp;登入in.html。当我从height:20px;中取出display:block;或#divNav ul li a{}时，他们将会消失http://cly.site90.net/images/Error1.png。但我根本不能重新调整链接的大小（我真的很想）。

我想知道这些额外的链接来自哪里，希望是一个解决方案？请记住，我是CSS新手，非常感谢任何帮助谢谢你的时间。

Answer 1

您需要关闭<a>代码：

变化：

<li><a href="Index.html">Main</li>

要：

<li><a href="Index.html">Main</a></li>

您还需要修正拼写错误：

更改：

</ul/

要：

</ul>

SEE EXAMPLE

Answer 2

您的代码未关闭，文字后需要</a>

例如......

<li><a href="Index.html">Main</a></li>

您的最终UL标记也有拼写错误，您应该</ul/时写了</ul>。

我不确定这些是否会解决你的问题，但是html＆amp; css可能很奇怪！：）

添加了多个空白链接的CSS

2 个答案: