我有一个包含内容的“气泡”,工作正常。现在,我想显示一个计数(2 行),它应该始终位于该 div 的右下角,在它里面。我尝试了很多东西,但出于某种原因,它总是与 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>
最佳答案
你正在 float .count
所以它不会影响它的父容器的高度。
在父级 (.commentbox
) 上设置 overflow: hidden
或使用 one of the other float containing techniques所以它确实如此。
关于css - 为什么我的内容显示在 div 之外?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10062255/