按鈕堆疊在一起？

我有兩個按鈕，我希望在上面有一個按鈕，而另一個按鈕在對方的按鈕上，當我去看看它們的外觀時，兩個按鈕都在對方內部，我似乎找不到問題，但這是我的代碼。按鈕堆疊在一起？

CSS

body { font-size: 16px; width: 600px; margin: 25px auto; } 

    button { 
    color:white; 
    display: inline; 
    margin: 30px; 
    padding: 7px 35px; 
    font: 300 150% langdon; 
    background: transparent; 
    border: 3px solid black; 
    cursor: pointer; 
} 

button:hover { 
    background: #f7f7f7; 
    border: 1px solid #8b8b8b; 
} 

button:active { 
    background: #2e2e2e; 
    border: 1px solid black; 
    color: white; 
    }

來源

2014-04-13 user3430532

什麼是您的（相關）HTML？ –

– user3430532

您是否鍵入了該文件，或者複製並粘貼了它？因爲你的CSS或HTML沒有辦法，所以一個按鈕應該放在另一個按鈕內。你能用[JS小提琴]（http://jsfiddle.net/）或類似的現場演示來重現你的問題嗎？ –

目前的按鍵並排顯示方：看this fiddle。如果您想要新行上的下一個按鈕，請使用display:block，請參閱this fiddle。

來源

2014-04-13 22:52:21 acarlon

按鈕堆疊在一起？

回答

相關問題