如何根据其中的内容自动调整 <div> 高度？

Question

我有一个 <div> 需要根据里面的内容自动调整。我怎样才能做到这一点？现在我的内容来自 <div>

我用于 div 的类如下

box-centerside  {
background:url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent;
float:left;
height:100px;
width:260px;
}

原文由 OM The Eternity 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试使用以下标记而不是直接指定高度：

 .box-centerside {
  background: url("../images/greybox-center-bg1.jpg") repeat-x scroll center top transparent;
  float: left;
  min-height: 100px;
  width: 260px;
}

 <div class="box-centerside">
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
  This is sample content<br>
</div>

原文由 Barrie Reader 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

只需写“最小高度：XXX；”和“溢出：隐藏；” & 你会像这样摆脱这个问题

min-height: 100px;
overflow: hidden;

原文由 Adi 发布，翻译遵循 CC BY-SA 3.0 许可协议