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

我有一個流體文章，有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

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

回答

相關問題