Stretch child div height to fill parent that has dynamic height

Question

As it can be seen in the following fiddle, I have two divs, contained in a parent div that have stretched to contain the big div, my goal is to make those child divs equal in height.

http://fiddle.jshell.net/y9bM4/

Answer 1

Use display: flex to stretch your divs:

div#container {     padding:20px;     background:#F1F1F1;     display: flex; }  .content {     width:150px;     background:#ddd;     padding:10px;     margin-left: 10px; } 

JSFIDDLE