Dojo TabContainer在Internet Explorer中具有样式-Java 学习之路

以下在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的渲染？或者有更好的方法来确保TabContainer只占用窗口的空间（以防止有两个滚动条 - 一个用于容器，一个用于浏览器）？谢谢 .

1 回答

2
什么版本的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>
```
我承认我不能在IE中尝试这个，因为我在Mac上，但最近一直在做大量的dijit布局，这样的事情应该有效 .
回复于 2024-05-04T09:38:26+08:00

Dojo TabContainer在Internet Explorer中具有样式

1 回答

相关问题