html css equal div height

Question

I have one container div which contain 2 dynamic height (height haven\'t been set) divs side by side , those 2 divs are content divs , sometimes one div have more content th

Answer 1

You can use display:table property for this:

.parent{
    width:100px;
    display:table;
    border:1px solid green;
}
.child{
    width:50px;
    background:blue;
    display:table-cell;
}
.child + .child{background:red;}

http://jsfiddle.net/Vbkhq/7/