html - 让 parent 超越 child

Question

我有一个父容器，它有一个包含文本的 div:

<div id="parent">
<div id="text"></div>
</div>

我有以下 CSS 规则:

parent{
clear:both;
background:#f3f3f3;
min-height:180px;
}
text{
float:left;
overflow:auto;
min-height:44px;
width:400px;
margin-left:10px;
margin-top:12px;
}

事实是，父 div 只会增长到文本的长度。我希望它比文字说的多 20%。我如何实现这一点？

Answer 1

看到这个:http://jsfiddle.net/VJ6rg/1

#parent{
   padding:3%;
   float:left;
   overflow:auto;

   clear:both;
   background:#f3f3f3;
   min-height:180px;
}
#text{
   float:left;
   overflow:auto;
   min-height:44px;
}