css - 使元素填充父容器提供的可用空间

Question

我有一篇流畅的文章，有 2 列 1 包含一个图像，该图像填充了该列可用的任何空间，另一列有文本，但我不确定如何使该列.content-col占据.article. 谁能建议如何实现这一目标？

jsfiddle http://jsfiddle.net/R7AuG/

CSS 片段

.img-col{
    width: 25%;
    float: left;
}

.content-col{
    background: black;
    width: 75%;
    float: left;
}

.col{
    width: 50%;
    float: left;
}

我也明白这可以实现，display:table但我想知道是否可以做到这一点？

Answer 1

如果你不想模仿表格，你可以使用一个小的 CSS 技巧，即添加

overflow: hidden

to article, 加上应用

margin-bottom:-1000em;
padding-bottom:1000em;

到.content-col

查看示例