css - 溢出的 DIV :hidden lets children disappear

Question

我有一个设置了高度和 overflow: hidden 的 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%;
}

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