CSS：裕IMG

Question

我有HTML這樣的：

<div id="userBar"> 
<a href="notifications.php" class="iconGlobe"></A> 
<a href="cp.php" class="iconCP"></a> 
<a href="cap.php" class="iconCAP"></a> 
    </div> 

.iconGlobe是看起來像這樣一個圖標，同時與redst：

.iconGlobe{ 
background: url(../images/icons/globe_16x16.png) no-repeat; 
width: 16px; 
height: 16px; 
border: none; 
display:inline-block; 
position:relative; 
text-decoration:none; 
} 

我試着去之間給保證金錨鏈接，如下所示：

#userbar a{ 
margin-right: 8px; 
} 

但我不適用保證金。我試圖單獨這樣做.iconGlobe有保證金的權利，而且工作得很好。我不希望單獨應用它們。

Answer 1

其案件的問題？在你的HTML你有

<div id="userBar"> - 注意國會大廈B和在CSS你有

#userbar a{

- 小寫的B ....沒有

的，你需要有塊元素的利潤率 -

#userBar a{ display:block} 

Answer 2

試試這個：

#userbar a{ 
    display: block; 
    float: left; 
    margin-right: 8px; 
} 

Answer 3

你不能給內聯元素留出餘地。更改您的代碼：

#userbar a{ 
display: inline-block; 
margin-right: 8px; 
} 

但要注意，舊版本的IE可能會忽略這個...

Answer 4

你的代碼是正確的。這個問題與#useBar和id ='usebar'的情況不匹配。當案例得到糾正後，它可以正常工作。看到這裏 - http://jsfiddle.net/pGpwb/