如何解决两个div的高度邮件DIV中

Question

页：http://jsbin.com/eniva4/edit

我有一个主要的div：#main-content其中包含了两个div的：#announcement和.tabbed_content

我想同时得到两个div具有相同的高度意味着它们的背景颜色应该在相同的高度上结束。

眼下注意到#announcement似乎比.tabbed_content

我可以硬编码的高度像素值更高度，但我想知道是否有更好的方法？

Answer 1

等高柱是现场布局中常见的问题。下面是提到了几个解决方案的文章：

http://www.ejeliot.com/blog/61

还有一：

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

Answer 2

html,body{height:100%;}的浏览器高度包装问题http://jsbin.com/eniva4/2/edit