Question

我不知道为什么我的按钮堆叠在一起，我设置了一个高度并给了边距，但它们仍然在彼此的顶部。我不想使用display：block;因为这给了他们一个全宽，我不想定义宽度因为我希望按钮根据字数改变宽度。

<a class="btn blue-btn" href="#">Button</a>

.blue-btn{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #1b93b7;
}

.btn{
    height:30px;
    padding:13px 35px;
    font-size: 18px;
    color: #ffffff !important;
    margin:10px 0px;
}

http://jsfiddle.net/3L4vB/

Answer 1

元素是内联元素，因此您必须将display：inline-block添加到.btn类

CSS元素堆叠，ontop错误

1 个答案: