DIV with overflow:hidden让子项消失

Question

我有一个DIV，设置了高度和溢出:隐藏。在DIV里面，有一些内容(一个P，可能是一些IMG...顺便说一下，这是一个wordpress的帖子内容)。内容是完全无样式的(没有对任何内容应用css！)

现在，当我移除高度和溢出:隐藏在DIV css中时，整个内容都会显示出来。到现在为止还好。但是当我设置高度和overflow属性时，内容将完全消失！！而不是在一定的高度被“切断”。DIV显示正常，但内容看起来完全不可见。:(

如果这种方法有任何错误/已知问题，您能帮助我吗？

我的HTML：

<div class="post-text-long">
    <?php the_content(); ?>  // This displays the post's contents, just to let you know
</div>

让内容消失的CSS：

.post-text-long {
    height: 200px;
    overflow: hidden;
}

编辑:删除现场示例，感谢大家的帮助！

Answer 1

改用下面的代码：

.post-text-long {
    height: 210px;
    overflow: hidden;
    width: 100%;
}

您需要添加宽度才能使此代码正常工作。

Answer 2

.post-text-long { clear: left; }

Answer 3

html/css代码是ok - http://jsfiddle.net/easwee/gXg5w/4/。

你是说这是一个wordpress内容-检查是否有未关闭的div或任何其他元素，一旦内容加载，可能会破坏你的设计。

在firefox中打开你的页面-如果你有firebug，试着删除所有的html内容，并添加一些Lorem ipsum文本来查看结果。

否则，提供一个包含有问题内容的现场示例。