如何讓我的按鈕響應？

我有一個小問題，我的按鈕：http://jsfiddle.net/2B9XB/如何讓我的按鈕響應？

這裏是CSS：

.button { 
    background-color: #53a1b8; 
    border: none; 
    border-bottom: 2px solid #3f8194; 
    border-radius: 3px; 
    color: #fff; 
    cursor: pointer; 
    font-family: "Open Sans", sans-serif; 
    font-size: 1.1em; 
    height: 3em; 
    padding: .5em 2em .5em 2em; 
} 

.button:hover { 
    background-color: #5eb6d0; 
    border-bottom: 2px solid #53a1b8; 
    color: #fff; 
}

正如你可以看到，有一個敏感的問題，但我沒有找到如何解決它。我想阻止底部的按鈕隱藏頂部的按鈕。

你有什麼想法嗎？

謝謝， Vinm。

來源

2014-05-08 Vinm

FIX：

添加display:inline-block;和.button

FIDDLE

來源

2014-05-08 16:40:31

我覺得OP是希望保持按鈕從破到下一行刪除height:3em;，也許寬度必須也適用。 –

@ChrisHardie我不這麼認爲，問題是這些按鈕在打破一條新線時互相重疊。我提供的代碼修復了這個問題。 –

非常感謝！它完美的工作！ ;） – Vinm

如何讓我的按鈕響應？

回答

相關問題