CSS阻止扩展父级？

Question

我们正在使用twitter bootstrap缩略图。

我们正在添加与bootstrap文档中相同的描述。 不同之处在于我们没有在缩略图上指定大小（文档使用.span4），而是内容调整大小。

这很有效，除了我们想要一个区别，我们不希望长标题扩展缩略图，而是希望隐藏额外的字幕长度。

如果我们使用固定宽度，这将很容易，但因为我们不是，我不知道如何做到这一点;

这是一个jsfiddle游乐场：http://jsfiddle.net/BbCQK/

我想也许我可以做：

.caption {
    max-width: 100%;
    text-overflow: ellipses;
}

但这不起作用，它只是伸展容器，所以我该怎么办呢？

Answer 1

知道了：）

救援的绝对定位：http://jsfiddle.net/BbCQK/4/

a.thumbnail {
    padding - bottom: 30px;
    position: relative;
}.thumbnail.caption {
    overflow: hidden;
    white - space: nowrap;
    position: absolute;
    padding: 0;
    bottom: 4px;
    left: 4px;
    right: 4px;
    text - overflow: ellipsis;
}