离子侧菜单仅浮动在离子头上

家伙 .

我正在尝试在我的应用程序上创建离子侧菜单，但是当我点击图标进行扩展时，它只会在离子 Headers 栏内扩展，而不是在离子内容上扩展 . 这是我的代码：

<ion-view view-title="{{pageTitle}}" name="home">

    <ion-header-bar>
        <ion-side-menus enable-menu-with-back-views="true">
            <ion-side-menu-content>

                <ion-nav-bar align-title="center">
                <ion-nav-buttons side="left">
                    <button class="button button-icon button-clear ion-navicon" menu-toggle="left" style="color: #011937;">
                    </button>
                </ion-nav-buttons>

                <ion-nav-title>
                    <ion-title style="color:#465261; font-family: Roboto; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal;">Test</ion-title>
                </ion-nav-title>

                <ion-nav-buttons side="right">
                    <img src="img/elemento.png" style="width:25px; height:25px; margin-top:3.5px;"/>
                </ion-nav-buttons>
                </ion-nav-bar>

                <ion-nav-view name="menuContent"></ion-nav-view>
            </ion-side-menu-content> 

            <ion-side-menu side="left">
                <ion-header-bar style="border-bottom:none;">
                <h1 class="title" style="font-family: Roboto; font-size: 16px; font-weight: normal; font-style: normal; font-stretch: normal; color: #011937;">[enter image description here][1]
                    Menu
                </h1> 
                </ion-header-bar>
                <ion-content style="margin-top:121px; margin-left:36px; margin-right:16px;">
                <ion-list>
                    <ion-item menu-close href="#/home" style="border-top:none; font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #011937;">
                    Página Inicial
                    </ion-item>
                    <ion-item menu-close href="#/login" style="border:solid 1px #979797; font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #011937;">
                    Perfil
                    </ion-item>
                    <ion-item menu-close href="#/home" style="border:solid 1px #979797; font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #011937;">
                    Configurações
                    </ion-item>
                    <ion-item menu-close href="#/home" style="border-bottom:none; border-top:solid 1px #979797;  font-family: Roboto; font-size: 14px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #011937;">
                    Sair
                    </ion-item>
                </ion-list>
                </ion-content>
            </ion-side-menu>
        </ion-side-menus>
    </ion-header-bar>

<ion-content>
    <ion-list>
        <label class="item item-input item-stacked-label">
            <span class="input-label">Tarefa</span>
            <input type="text" ng-model="tarefa.texto" placeholder="texto da tarefa"/>
        </label>
    </ion-list>

    <div class="padding">
        <button class="button button-block button-balanced" ng-click="salvar()">Salvar</button>
    </div>
</ion-content>

如何将离子含量与离子侧菜单内容重叠，不仅重叠离子 Headers 栏？

Tkss！