我有一个菜单div和一个maincontent div。它在IE和Chrome上正常显示,但当我在Android手机上的Opera上查看时,菜单div和maincontent 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/ - 这在这里显示得很好,虽然在歌剧中,蓝色和绿色div不会有滚动条并且会拉伸以适应内部的所有内容,这使得蓝色div比绿色div更短,从而暴露出粉红色的包装纸。
任何人都知道发生了什么事?
非常感谢!
答案 0 :(得分:0)
尝试将身高设置为100%。