Ionic framework 离子视图高度不小于'；不匹配内容高度

我在Ionic应用程序中遇到嵌套视图问题。我有一个自定义标签 位于我的父视图中的导航。选项卡导航旨在与内容一起滚动，内容位于下方的ion nav视图中。为此，我将

scroll=“false”

放在孩子的ion内容上

问题是，我的内容不会扩展父级的高度以适应内容的高度。它的高度为100%，固定为视图的初始高度。因此，在页面的末尾，还有一些内容没有显示出来。以下是模板代码（很抱歉，我无法提供plunkr示例）：

我的视图层次结构看起来像这样：

• 应用程序视图（主要是导航栏）
  • 选项卡视图（主要是选项卡导航）
    • 内容视图（用于扩展离子视图高度的内容）

（如果有帮助，我可以提供状态配置）

我已经玩了很多CSS了。但由于我不是CSS的策划者，我没有找到解决方案。 问题似乎来自ion nav视图的

位置：绝对
。它可以防止高度下降
适应内容

有人能帮忙吗？
您可以在ion导航视图中添加样式
例如：

<ion-view>

    <ion-content on-swipe-left="tabs.goToNext()" on-swipe-right="tabs.goToPrevious()">
        <div class="tabbed-slidebox">
            <div class="tsb-icons">
                <div class="tsb-ic-wrp" style="">
                    <a href="#/app/claims/creation/step-what" ng-class="{active: tabs.activeTab === 'Was'}">Was</a>
                    <a href="#/app/claims/creation/step-who" ng-class="{active: tabs.activeTab === 'Wer'}">Wer</a>
                    <a href="#/app/claims/creation/step-where" ng-class="{active: tabs.activeTab === 'Wo'}">Wo</a>
                    <a href="#/app/claims/creation/step-when" ng-class="{active: tabs.activeTab === 'Wann'}">Wann</a>
                </div>
            </div>
        </div>
        <ion-nav-view name="stepContent">

            <!-- For illustration I copied ion-view from the template which will be rendered into this ion-nav-view -->
            <ion-view view-title="Schadenmeldung">
                <ion-content class="step step-what padding" scroll="false">
                    <!-- CONTENT -->
                </ion-content>
            </ion-view>

        </ion-nav-view>
    </ion-content>

    <div class="fab-sticky">
        <!-- some sticky button here -->
    </div>

</ion-view>