的CSS绝对位置和溢出：隐藏不那么好走

Question

这是我的代码http://jsfiddle.net/noppanit/8D7QN/

正如你已经可以看到文本溢出从容器中，我试图把溢出：隐藏到文本，但已经它没有工作。我明白，因为它是绝对的位置，所以在技术上它已经离开了容器。但我不知道如何解决这个问题。文字必须位于图像的顶部，这就是为什么我将它放在绝对位置。

如果你们可以给我一些亮光，那太棒了。我对CSS很陌生。

Answer 1

需要设置在.text_content（example）或高度，优选，上.text_image（example）设置overflow:hidden;。

Answer 2

您认为它溢出了容器。不是这样。容器具有不重复的背景，并且小于容器。该容器没有height css，因此大小的内容。

Answer 3

我会做这样的事情：

http://jsfiddle.net/8D7QN/7/