为什么我的内容显示在div之外？

Question

我有一个内容的"泡沫",工作正常.现在,我想显示一个计数(2行),它应始终位于该div的右下角,INSIDE它.我尝试了很多东西,但由于某种原因,它总是重叠div并在外面显示.我究竟做错了什么？

<style type="text/css">
body{
background-color:#f3f3f3;
}
.commentbox{
background-color: #ffffff;
width: 200px;
border-color: #D1D1D1;
border-radius: 4px;
border-style: solid;
border-width: 1px; 
padding-bottom: 9px;
padding-left: 9px;
padding-right: 9px;
padding-top: 9px;
position:relative;
}
.count{
float:right;
text-align:right;
}
</style>

<div class="commentbox">
<div class="title">Some several lines long long long long content text goes here 
</div>
<div class="count">123<br>456</div>
</div>

Answer 1

你是浮动的,.count所以它不会影响它的父容器的高度.

设置overflow: hidden在parent(.commentbox)上或使用其他一个包含浮动的技术,以便它可以.