Sibling divs match height in container

Question

I have three divs in a container: http://jsfiddle.net/fBe9y/

One div has a lot of content. How do I get the other two divs, with less content, to match

Answer 1

HTML

  
1
  
2
  
3

CSS

#container {
  display: flex;
  align-items: stretch;
}

#div1 {
  display: flex;
}

#div2 {
  display: flex;
}

#div3 {
  display: flex;
}

this 'display: flex;' and 'align-items: stretch;' in the container should make all the children div same height, as long as it is of the desired height.