如何根据文本拉伸(stretch)我的 div
我想拉伸(stretch) div 的高度,并发布用户发布的文本
看看屏幕截图,很清晰。
CSS:
.cmnt{ width: 570px; margin-top: 10px; margin-bottom: 10px; float: right; margin-right: 15px; clear:both; }
.cmnt .body{ width: 570px; background: #333333; min-height: 90px; height: auto; }
.cmnt .text{ width: 513px; float: left; font-family: arial; color: #FFF; }
.cmnt .arrow{ width: 570px; height: 7px; background: url(../img/comment_arr.jpg) no-repeat 17px top; }
.cmnt .info{ width: 470px; height: 20px; font-family: arial; font-size: 14px; color: #FFF; float: left; text-align: left; }
HTML:
<div class="cmnt">
<a name="comment-id" />
<div class="body">
<div class="text">
text<br/>
text<br/>
text<br/>
text<br/>
text<br/>
text<br/>
text<br/>
</div>
<img class="avatar" src="assets/img/cmnt-u.jpg" align="absmiddle" />
</div>
<div class="arrow"></div>
<div class="info">
smith (date)
</div>
<div class="rp">
<a href="#comment">reply ↓</a>
</div>
</div>
图片
父级:
<div class="comment">
<div class="cmntHeader">Comments</div>
<div class="cmntBody">
<center>
....
</center>
</div>
</div>
最佳答案
您可以尝试将 float: left
CSS 属性添加到您的outer 容器中。
.cmnt .body{ float: left; width: 570px; background: #333333; min-height: 90px; height: auto; }
这是给你的 fiddle
希望有帮助。
关于css - 我如何根据文本拉伸(stretch)我的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14278929/