我有一个菜单 div 和一个 maincontent div。它在 IE 和 Chrome 上正确显示，但是当我在我的 Android 手机上的 Opera 上查看时，菜单 div 和 maincontent div 不显示滚动条，div 拉伸以适应里面的整个文本段落，使菜单 div 短于主要内容 div。
html:
<div id="contentwrap">
<div id="menu">
<p>Less text in here..............</p>
</div>
<div id="maincontent">
<p>More text in here.......</p>
</div>
</div>
我已经指定菜单和主内容从 contentwrap div 继承它们的高度，所以它们应该填充它？
我无法弄清楚为什么这不能正确显示，我已经用 px 和百分比值尝试过这个，并在移动浏览器上得到相同的结果。
http://jsfiddle.net/6LCGK/ - 这在这里显示很好，虽然在歌剧中，蓝色和绿色的 div 没有滚动条，并且会拉伸以适应里面的所有内容，这使得蓝色 div 比绿色 div 短，露出粉红色的包装纸。
有谁知道发生了什么？
非常感谢！