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;
}