父div随着子div的增高而增高,该如何处理

父div随着子div的增高而增高
我有父div的样式如下：
.parent {
margin:auto;
width:800px;
border:1px solid #ccc;

}
子div的样式：
.a {
width:220px;
border-style:none;
float:left;
margin:20px;
padding-top:5px;
background-color:#99CCFF;
}
代码：
<div class="parent">
<div class="a">asdfadsfasdfadf</div>
</div>为什么当我随着子div里的内容越来越多的时候，父div不会随着增高呢？

[解决办法]

CSS code

.parent {margin:auto;width:800px;border:1px solid #ccc;height:auto;   //把高度设置成自动 ???}
[解决办法]
google 闭合浮动元素
[解决办法]
HTML code
<div class="parent"><div class="a">asdfadsfasdfadf</div><div class="clear"></div></div>
[解决办法]
你给限定高度了，用width：100%
完全用子div撑开
[解决办法]
你要清除浮动：
<div class="parent">
<div class="a">asdfadsfasdfadf</div>
<br style="clear:both;" />
</div>