DIV с переполнением: скрытый позволяет детям исчезнуть

Question

У меня есть DIV с установленной высотой и переполнением: скрыто. Внутри DIV есть некоторый контент (P, может быть, некоторые IMG ... это, кстати, пост в WordPress). Содержимое полностью не стилизовано (ни одна из них не применяется!)

Теперь, когда я уберу высоту и переполнение: скрытые от 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 в порядке - http://jsfiddle.net/easwee/gXg5w/4/

Вы говорите, что это WordPress контент - проверьте, есть ли незакрытые div или любые другие элементы, которые могут нарушить ваш дизайн после загрузки контента.

Откройте свою страницу в firefox - если у вас есть firebug, попробуйте удалить все html-содержимое и добавить текст ipsum Lorem, чтобы увидеть результаты.

В противном случае предоставьте живой пример с проблемным контентом.