Question

为什么当我尝试使它们处于浮动状态时，我的链接会被禁用？

HTML：

<span id="spnLoginRegister">
    <a href="login.htmls" type="text/html">Login</a>
    | 
    <a href="register.html" type="text/html">Register</a>
</span>

CSS：

#spnLoginRegister{
    position: relative;
    right: 0px;
    font-size: 20px;
    margin-top: -10px;
}

- 或 -

#spnLoginRegister{
    float: right;
    font-size: 20px;
    margin-top: -10px;
}

这两种CSS方法都禁用链接。然后我删除float: right;部分，链接工作正常。我觉得解决方案非常简单，但我只是没有看到它。

以下是该网站的链接：http://friendshipodyssey.com/

Answer 1

当我看到您的在线页面时，您必须删除此属性：

position: relative;

来自此ID：

#hgpHeaders

你的问题得到解决。

Answer 2

您的代码中没有问题： jsfiddle + jsfiddle

请检查您的其他CSS代码，以及更好地使用<span>标记，如下所示：

<a href="login.htmls" type="text/html"><span>Login</span></a>

尝试使用<div>代替<span>

Answer 3

我已检查过您的网站http://friendshipodyssey.com/

解决方案：

只需输入span id =＆＃34; spnLoginRegister＆＃34; ＆安培; hgroup id =＆＃34; hgpHeaders＆＃34;在DIV中并给出CSS属性作为宽度：100％＆amp;高度：150像素，

同样对于#hgpHeaders，应用CSS属性float：left。

希望它能解决您的问题

css - float right禁用链接

3 个答案: