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

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

到article，再加上

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

到.content-col

See example