2014-04-13 103 views
2

我有两个按钮,我希望在上面有一个按钮,而另一个按钮在对方的按钮上,当我去看看它们的外观时,两个按钮都在对方内部,我似乎找不到问题,但这是我的代码。按钮堆叠在一起?

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; 
    } 
+0

什么是您的(相关)HTML? –

+0

user3430532

+1

您是否键入了该文件,或者复制并粘贴了它?因为你的CSS或HTML没有办法,所以一个按钮应该放在另一个按钮内。你能用[JS小提琴](http://jsfiddle.net/)或类似的现场演示来重现你的问题吗? –

回答

2

目前的按键并排显示方:看this fiddle。 如果您想要新行上的下一个按钮,请使用display:block,请参阅this fiddle