如何修复邮件div中两个div的高度

时间:2010-10-04 20:50:35

标签: html css

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

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

我希望两个div都具有相同的高度,这意味着它们的背景颜色应该以相同的高度结束。

现在注意#announcement的高度似乎高于.tabbed_content

我可以对高度像素值进行硬编码,但我想知道是否有更好的方法?

2 个答案:

答案 0 :(得分:1)

等高列是站点布局中的常见问题。这篇文章提到了一些解决方案:

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

还有一个:

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

答案 1 :(得分:0)

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