2014-03-31 78 views
2

爲什麼我的鏈接在我嘗試使它們處於浮動狀態的範圍內時變爲禁用狀態?css - 浮點數右鍵禁用鏈接

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/

+0

不知怎的,它適用於我 - http://jsfiddle.net/nX6r8/ – JunM

+0

與您的代碼沒問題。 – Farzad

回答

3

,因爲我看到你的網絡上的網頁,你要刪除這個屬性:

position: relative;

從這個ID:

#hgpHeaders

,並與固定您的問題。

+0

修復了它。爲什麼會這樣呢? – Makai

+0

由於位置不正確,沒有必要+你也可以給這個元素的寬度,這將是固定的。 – Farzad

0

這裏有沒有問題,你的代碼: jsfiddle + jsfiddle

請檢查您的其他CSS代碼和其更好地用戶<span>標籤這樣:

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

嘗試使用<div>代替<span>

0

我檢查您的網站,http://friendshipodyssey.com/

解決方案:

只要把跨度ID = 「spnLoginRegister」 & hgroup ID = 「hgpHeaders」 一個DIV裏面,給CSS屬性爲寬度:100%&高度:150px,

也爲#hgpHeaders,應用CSS屬性float:left。

希望能解決你的問題