CSS обертывание текста с переполнением скрытого div не работает?

Question

В моем css я пишу стиль класса overflow : hidden. Мой div содержит небольшое изображение и текст абзаца. если переполнение скрыто в том смысле, что перенос слов не работает. если я удалю, он работает. но мне нужно как переполнение скрыто, так и перенос слов.

.img-block_100 { 
    height: 100px; 
    width: 100px; 
    float: left; 
    margin-right: 5px; 
} 

.img-block_100 img { 
    max-width: 100%; 
} 

.ee-content { 
    width: 100%; 
    height: 140px; 
    overflow: hidden; 
    width: 250px; 
} 

смотрите, что я пробовал: Demo

Answer 1

Это потому, что overflow: hidden очищал плавал img элемент.

Одним из решений является обертывание обоих элементов, а затем добавление overflow: hidden к обертке. При этом плавающий img не очищается, а текст обертывает околоimg, как и ожидалось.

Example Here

.content-wrapper { 
    width: 250px; 
    height: 140px; 
    overflow: hidden; 
}