2

以下工作在 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}}">
    {% 包括行.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%">
自卫队
</div>
</div>

这很好用。有谁知道为什么 css 会弄乱 ie 中 TabContainer 的渲染？或者有没有更好的方法来确保 TabContainer 只占用窗口的空间（以防止有两个滚动条——一个用于容器，一个用于浏览器）？谢谢。

4

1 回答 1

1

什么版本的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 上那样在 IE 中尝试这个，但最近一直在做大量的 dijit 布局，这样的东西应该可以工作。

于 2009-08-13T23:53:20.823 回答