我对 IE 7/8/9 有这个可怕的问题。
Dojo toolkit 1.8.0
我使用and编写了一个应用程序Play! framework
。它在除 IE 之外的所有浏览器中都能正常工作。它的“开发人员工具”没有错误,firebug 也是如此。有问题的代码部分在这里:
<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'">
<div data-dojo-type="dijit.layout.ContentPane" id="head" region="top">
</div>
<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region: 'center'">
<div data-dojo-type="dijit.layout.ContentPane" id="menu" region="left">
</div>
<div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="region: 'center'">
<div data-dojo-type="dijit.layout.ContentPane" id="content_1" region="top">
</div>
<div data-dojo-type="dijit.layout.ContentPane" id="content_2" region="bottom">
</div>
</div>
</div>
<div data-dojo-type="dijit.layout.ContentPane" id="foot" region="bottom">
</div>
</div>
结果,在除 IE 之外的所有浏览器中都是这样的:
但在 IE 中显示如下:
谁能解释为什么会有这样的差异?一开始我以为在 IE 中内容是隐藏的,所以我设置了overflow: auto
,但是页面加载后没有出现滚动条。