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

父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>