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

我有一个流体文章，有2列1包含图像，填充任何空间可用于该列，其他列有文本，但我不知道我怎么可以使该栏位.content-col占据由.article提供的空间。任何人都可以建议如何实现这一点？使元素填充父容器提供的可用空间

CSS代码段

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

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

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

我也明白，这可能是与display:table可以实现，但我不知道这是否可以不用做什么？

来源

2013-02-19 styler

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

overflow: hidden

到article，再加上应用

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

到.content-col

See example

来源

2013-02-19 19:04:09

不错，有什么边缘和填充计算？ – styler 2013-02-19 19:06:25

它们只是确保文章（父）不会高于div内的div（'.content-col'）的值，指定为1000em，以便背景始终按照您希望的方式运行。据我所知，即使您将其设置为5000em，也不会有显着的性能差异。我曾经有一个案例，内容超过500em，但它是一个非常长的页面。 – 2013-02-19 19:10:49

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

回答

相关问题