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

Or look into this: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

Answer 2

I don't think it is possible without Javascript for this situation. But you can handle if you use tables.

Answer 3

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/