Html 添加第二个超链接时，超链接的行为类似于标签

我对HTML和CSS有问题。 下面是一块HTML。当我只有第一个（登录区域）时，它看起来就可以了。一旦我添加第二个超链接，第一个超链接（登录）就变得不可单击。这意味着光标不会变成手，我可以点击它，它的行为就像一个标签

HTML:

---

这是因为第二个

div

位于顶部。我制作了一把小提琴给你看，并添加了边框

您需要更改位置或宽度。宽度目前将达到100%

在第二部分中，我对CSS进行了一些清理。两件事。内联样式不是一个好主意。如果我们将样式移到CSS文件中，以后复制和编辑会更容易。另外，使用

align=

也不好。我们应该用CSS做所有的样式。看看这把新小提琴，告诉我你是否需要它

HTML

---

实际上这两个链接都在工作，唯一的问题是你所做的定位

试一试

---

到处巡逻：p哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈。如果你喜欢答案，请随意回答。你欠我一个答案：D

    <div id="login" align="right" style="position:relative;top:-25px">
        <span>
            <a class="LoginHyperlink" href="../Pages/Login.aspx">Login</a>&nbsp
        </span>
    </div>
    <div align="right" style="position:relative;top:-41px;right:-50px">
        <span>
            <a class="LoginHyperlink" href="../Default.aspx">Logout</a>&nbsp
        </span>
    </div>

.LoginHyperlink
{
    font-size: 1em;
    text-decoration: underline;
    cursor: pointer;
    color: #FFFFCC;
    }

<div id="login">
    <span>
        <a class="LoginHyperlink" href="../Pages/Login.aspx">Login</a>&nbsp
    </span>
</div>
<div>
    <span>
        <a class="LoginHyperlink" href="../Default.aspx">Logout</a>&nbsp
    </span>
</div>

.LoginHyperlink {
    font-size: 1em;
    text-decoration: underline;
    cursor: pointer;
}
div {
    float:right;
}

<div id="login" align="right" >
    <span>
        <a class="LoginHyperlink" href="../Pages/Login.aspx">Login</a>&nbsp
    </span>
</div>
<div align="right" >
    <span>
        <a class="LoginHyperlink" href="../Default.aspx">Logout</a>&nbsp
    </span>
</div>