我可以使用overflow:隐藏没有明确的高度吗？

Question

我有一个图像float:left,我希望它溢出它的父母,但切断了溢出.这是没有任何overflow规则的情况:

                                   

这就是我想要的:

                                   

这是一个小提琴:http://jsfiddle.net/ZA5Lm/

出于某种原因,决定在overflow:hidden没有明确的高度导致元素增长的情况下.

如果不设置明确的高度,我可以以某种方式实现我的效果吗？显式高度不起作用,因为我希望此div根据内容长度和浏览器宽度自动调整大小.

Answer 1

在我看来，使用溢出：隐藏而不设置尺寸是没有意义的。如果您不想指定容器的高度并且图像具有固定宽度，则可以使用此解决方案： http: //jsfiddle.net/ZA5Lm/11/

图像使用绝对定位，将其从文本流中取出。但是 - 我知道这可能很难看 - 您需要指定一个 padding-left 将文本移离图像。