Dojo TabContainer与Internet Explorer中的样式
以下在Firefox中的作品：
< div style="position:absolute;top:0px;margin-top:60px;bottom:0px;width:100%">
< div id="mainTabContainer" dojoType="dijit.layout.TabContainer" style="width:100%;height:100%">
{% for row in tabContent %}
< div id="{{row.0}}" dojoType="dijit.layout.ContentPane" title="{{row.1}}">
{% include row.2 %}
< /div>
{% endfor %}
< /div>
< /div>
但在即它不显示。 当我在外部div上取出css时，它可以正常工作。
我也试过
< div style="position:absolute;top:0px;margin-top:60px;bottom:0px;width:100%"> < div style="width:100%;height:100%"> asdf < /div> < /div>
并且工作正常。 有谁知道为什么CSS会搞乱TabContainer在ie中的渲染？ 还是有更好的方法来确保TabContainer只占用窗口的空间（以防止有两个滚动条 - 一个用于容器，一个用于浏览器）？ 谢谢。
什么版本的IE？
尝试添加以下CSS规则：html，body {height：100％; 宽度：100％; 保证金：0; 填充：0; }
你可以做的另一件事（尽管它看起来很笨拙）有一个BorderContainer作为你的顶层元素，并且把TabContainer作为region =“center”的一部分。
<div dojoType="dijit.layout.BorderContainer" style="width:100%;height:100%">
<div dojoType="dijit.layout.ContentPane region="top" style="height:60px">
...
</div>
<div dojoType="dijit.layout.TabContainer region="center">
...
</div>
</div>
我承认，我不能在Mac上尝试这种方式，但是最近一直在做大量的dijit布局，并且应该这样做。
链接地址: http://www.djcxy.com/p/88789.html