Javascript WinJS Pivot未正确显示

我有一个使用HTML5和Javascript的Windows Phone应用程序

我正在使用WinJS.Utilities.empty；清除DIV元素，然后清除WinJS.UI.Pages.render；要将页面加载到同一DIV，请执行以下操作：

在加载的其中一个页面上，我尝试使用Pivot控件，我使用它的方式如下：

<div id="MyAccountPivot" data-win-control="WinJS.UI.Pivot" data-win-options="{title: 'MyAccount'}">
    <div data-win-control="WinJS.UI.PivotItem"
         data-win-options="{ header: 'current' }">

         <div id="current">

             Lorum Ipsum...

         </div>
    </div>
</div>

加载页面后，将加载并呈现Pivot控件，并且PivotItem标题将正确呈现。但是当内容被呈现时，它是不可见的。我在VisualStudio中使用了DOM资源管理器来查询标记和样式以发现问题。数据透视项内容的容器DIV元素似乎不合适，并且隐藏在包含数据透视项标题的DIV后面

当我尝试在呈现的父页面中使用此标记而不使用WinJS.UI.Pages.render时；它完全按照预期工作

我也尝试过以编程方式创建透视及其项，但这会产生相同的结果

---

如果有任何帮助，我们将不胜感激。

在显示没有模板的内容时遇到同样的问题，请在css中进行一些更改，这对我很有用。 HTML

---

你能告诉我你在做什么吗？@sebagomez谢谢你的回复，并对耽搁表示歉意。我没有任何其他的东西可以展示，实际上，我在问题中加入的基本上就是它。

<div class="myPivot">
<div data-win-control="WinJS.UI.Pivot">
<div data-win-control="WinJS.UI.PivotItem" data-win-options="{ 'header': 'one' }">
-- item content---
</div>
</div>
</div>

.myPivot {
}

.myPivot div.win-pivot-item {
    left:0px !important;
    visibility: visible;
    width:100%;    
}
.myPivot .win-pivot .win-pivot-surface {
    width: 100%;
    position: fixed;
}