Tạo một dãy các div có cùng chiều cao bằng cách sử dụng CSS

Question

Tôi có một dãy các div phải có cùng độ cao, nhưng tôi không biết cách nào chiều cao đó có thể vượt trước thời gian (nội dung xuất phát từ nguồn bên ngoài). Ban đầu tôi đã thử đặt các div trong một div kèm theo và thả chúng ra. Sau đó tôi thiết lập chiều cao của họ là "100%", nhưng điều này không có hiệu quả cảm nhận được. Bằng cách thiết lập chiều cao trên div kèm theo đến một chiều cao cố định, tôi có thể nhận được các div được thả nổi để mở rộng, nhưng chỉ lên đến chiều cao cố định của container. Khi nội dung trong một trong các div vượt quá chiều cao cố định, nó tràn ra; các divs trôi nổi từ chối mở rộng.

Tôi đã giải quyết vấn đề về vấn đề này và dường như không có cách nào để thực hiện việc đó bằng cách sử dụng CSS. Vì vậy, bây giờ tôi đang cố gắng sử dụng một sự kết hợp của vị trí tương đối và tuyệt đối thay vì nổi. Đây là CSS:

<style type="text/css"> 
div.container { 
    background: #ccc; 
    position: relative; 
    min-height: 10em; 
} 
div.a { 
    background-color: #aaa; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    bottom: 0px; 
    width: 40%; 
} 
div.b { 
    background-color: #bbb; 
    position: absolute; 
    top: 0px; 
    left: 41%; 
    bottom: 0px; 
    width: 40%; 
} 
</style> 

Đây là một phiên bản đơn giản của HTML:

<div class="container"> 
    <div class="a">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit.</div> 
    <div class="b">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer pretium dui sit amet felis. Integer sit amet diam. Phasellus ultrices viverra velit.</div> 
    </div> 

này hoạt động, trừ khi bạn thay đổi min-height cho một cái gì đó giống như 5em (demonstranting gì xảy ra khi nội dung vượt quá chiều cao tối thiểu) và bạn có thể thấy rằng trong khi văn bản không bị cắt, các div vẫn từ chối mở rộng. Bây giờ tôi đang thua. Có cách nào để làm điều này bằng cách sử dụng CSS?