イオン固定CSS（IOS /アンドロイド）

Question

私はチャットアプリケーションを作成したい、テンプレートはこのdesign

に基づいており、私はすでに、リスト内のdisscution CSSを作成し、今私がやりたいものを作成していますテキスト入力と送信ボタンの下部に固定div。

私は2つの問題が発生しました：div要素は</ion-content>

ion-content { 
    margin-top: 2px !important; 
    margin-bottom: 60px !important; 
} 

.chat-message { 
    position: fixed; 
    bottom: 50px; 
    width: 100%; 
} 

.chat-message label{ 
    width: 73%; 
    float: left; 
} 

.chat-message label input{ 
    width: 73%; 
    padding-left: 0px !important; 
    padding-right: 20px !important; 
    height: 10% !important; 
} 

.chat-message button{ 
    width: 20%; 
    margin-left: 3%; 
    margin-top: 0%; 
    display: table-cell; 
    vertical-align: middle; 
} 


    <div class="list list-inset"> 
     <label class="item item-input"> 
     <input type="text" placeholder="Text here.."> 
     </label> 
     <button class="button button-outline button-small button-positive"> 
     Send 
     </button> 
    </div> 

2に固定することはできません）

1）OSの互換性に問題：

タブは、Android上で一番上にありますIOSのボトルトンでは、</ion-content>のうちdivを固定したとき、上に表示されています（マージンの下端）

Answer 1

<ion-content> 
It has height auto so you should not place your div here. 
I would suggest you to put it in 
<ion-footer> 
It will remain in footer always without fixing height of content.