带溢出的DIV：隐藏让孩子们消失

Question

我有一个设定高度和溢出的DIV：隐藏。 在DIV内部，有一些内容（P，也许是一些IMG ......顺便说一句，这是一个wordpress帖子内容）。 内容完全没有样式（没有css适用于任何内容！）

现在当我移除高度和溢出：隐藏在DIV css中时，将显示整个内容。到现在为止还挺好。 但是当我设置高度和溢出属性时，内容将完全消失！而不是仅仅在某个高度“切断”。 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代码没问题 - http://jsfiddle.net/easwee/gXg5w/4/

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

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

否则提供有问题内容的实时示例。