Div在手機瀏覽器上無法正常顯示

Question

我有一個菜單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> 

我指定的菜單和搜索Maincontent從contentwrap DIV繼承他們的高度，他們應該補嗎？

雖然爲什麼不能正確顯示，我已經嘗試過使用px和百分比值，並在移動瀏覽器上獲得相同的結果。

http://jsfiddle.net/6LCGK/ - 這裏顯示的很好，雖然在opera上，藍色和綠色divs不會有滾動條，並且會拉伸以適應所有內容，這會使藍色div比綠色div更短，露出粉紅色的包裝。

任何人都知道發生了什麼事？

非常感謝！

Answer 1

嘗試將身高設置爲100％。