Question

我能找到的问题唯一的答案是浮动 - 但我没有。所以希望你可以帮助另一个答案： - ）

这是我的代码，我试图让按钮的父div跟随填充所做的扩展。

<div class="button">
    <a href="#">add</a>
</div>

和css

.button {
    background-color: #ccc; }
.button a {
background-color: #96BD1E;
color: black;
font-size: large;
padding: 6px 12px;
width: 120px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-opera-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
height: 59px;
margin: 10px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
    clear: both;
}

这是一个与http://jsfiddle.net/zNLVZ/1/

一起玩的例子

Answer 1

将您的CSS更改为：

.button {
background-color: #ccc; 
}
.button a {
display:inline-block;
background-color: #96BD1E;
color: black;
font-size: large;
padding: 6px 12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-opera-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin: 10px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
    clear: both;
}

父母div跟随孩子的高度 - 对于没有浮动的孩子

1 个答案: