父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不会随着增高呢？

[建安]

补充：当我在parent里加了float：left；后，整个页面又不是居中了。所以不知道怎么解决，还请各位大侠帮帮忙。

[hellNo]

.parent {
margin:auto;
width:800px;
border:1px solid #ccc;
height:auto;   //把高度设置成自动 ???
}

[ddcatlee]

google 闭合浮动元素

[hellNo]

<div class="parent">
<div class="a">asdfadsfasdfadf</div>
<div class="clear"></div>
</div>

.clear{
   height:1px;
   overflow:hidden;
   clear:both;
}

[色拉油]

你给限定高度了，用width：100%
完全用子div撑开

[建安]

这个我试过，不行，问题的关键是在当我不在parent里加float:left里，有一个margin：auto 能让它居中，但在页面上看不到 子div是在父div里面的，[Quote=引用 2 楼 imtns59521 的回复:]

CSS code

.parent {
margin:auto;
width:800px;
border:1px solid #ccc;
height:auto; //把高度设置成自动 ???
}
[/Quote]

[四叶草颖]

你要清除浮动：
<div class="parent">
<div class="a">asdfadsfasdfadf</div>
<br style="clear:both;" />
</div>

[建安]

<br style="clear:both;" />
这句代码果然有用，谢谢了，非常感谢
[Quote=引用 7 楼 luo_w_j 的回复:]
你要清除浮动：
<div class="parent">
<div class="a">asdfadsfasdfadf</div>
<br style="clear:both;" />
</div>
[/Quote]