試圖讓按鈕突出顯示：正確懸停

Question

我想要獲得類似於Barnes &尊貴主頁上的導航風格。我遇到的問題是，當我將鼠標懸停在按鈕上時，它將向右移動，而不是更改整個背景的背景顏色。我有一個小提琴HERE你可以看到我的意思是我想要它填滿兩者之間的空間|

Answer 1

使用填充和邊框 - 右填滿：懸停空間。

http://jsfiddle.net/ytF5v/14/

.topNavLinksButton { 
    vertical-align:middle; 
    line-height: 25px; 
    text-align: center; 
    float: left; 
    padding: 0 0.5em; 
    border-right: 1px solid #aaa; 
} 

.topNavLinksButton:last-of-type { 
    border-style: none; 
} 

.topNavLinksButton:hover { 
    background-color: #BDBDBD; 
}