CSS基于文本自动增长页面高度

Question

我有一个纯CSS布局，其中包含一个包含文本的简单容器。容器具有最小高度属性。

页面内容是从数据库生成的。问题是随着页面的增长，文本溢出了它所在的容器。

我该如何解决这个问题？

Answer 1

我的猜测是你需要清理你的花车我会说..

Clearing Floats

<div id="myContainer">
   <textarea />
   <div class="clear">&nbsp;</div>
</div>

Answer 2

alt text http://img204.imageshack.us/img204/4139/overflowhidden.png

Answer 3

如果要在没有额外标记的情况下触发hasLayout到容器，可以使用

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  zoom: 1;     /* triggers hasLayout in IE */
}