Ionic-页面中的多个视图重叠

Question

我有一个页面，我从两个不同的 html 页面加载内容。问题是这两个视图相互重叠。这是我将加载两个视图的主页代码。

<ion-view title="Dashboard">
    <ion-content class="has-header">
        <div class="row">
            <div class="col" ui-view="set">
            </div> 
            <div class="col" ui-view="set">
            </div> 
        </div>
    </ion-content>
</ion-view>

无论我在这些视图中加载什么，单行或滑动框它们总是 overlap.Ionic 的 CSS 应该处理带有 [=15 的 div =] class 并保留它们 separate.But 这似乎不是 happening.Am 我做错了什么，还是我需要添加一些 CSS 样式才能使其正确？

Answer 1

问题出在我加载的视图上。我加载的每个 html 页面在 <ion-content> 标签内都有内容，即

... ..

删除 <ion-content> 标签后，视图不再重叠。我不确定为什么会这样。如果有人可以帮助理解这一点，那就太好了。谢谢！

Ionic-页面中的多个视图重叠

Ionic-Multiple views in a page overlap

html

css

ionic-framework

ionic