爱奥尼亚固定css（ios/android）

我想创建一个聊天应用程序，模板就是基于此

我已经在列表中创建了Discution css，现在我想做的是在底部创建一个固定的div，用于文本输入和发送按钮

我遇到了两个问题：

1） 无法在

离子含量{ 页边顶部：2px！重要； 边缘底部：60px！重要； } .聊天信息{ 位置：固定； 底部：50px； 宽度：100%； } .聊天信息标签{ 宽度：73%； 浮动：左； } .聊天信息标签输入{ 宽度：73%； 左侧填充：0px！重要； 右边填充：20px！重要； 身高：10%！重要； } .聊天信息按钮{ 宽度：20%； 左缘：3%； 利润率最高：0%； 显示：表格单元格； 垂直对齐：中间对齐； } 发送 2） 操作系统兼容性问题：

选项卡在Android上位于顶部，在IOS上位于底部，因此当我修复

中的

div

时，它显示在上面（边距底部）

它有自动高度，所以你不应该把你的div放在这里。
我建议你把它放进去
它将始终保留在页脚中，而不固定内容的高度。

它有自动高度，所以你不应该把你的div放在这里。
我建议你把它放进去
它将始终保留在页脚中，而不固定内容的高度。

但它会在IOS中隐藏制表符，增加页脚高度，然后使用网格或您需要的方式放置制表符和“在此处键入div”。我通过更改制表符的位置“修复”了这一问题<代码>制表符顶部属性将制表符的位置更改为顶部，这样我就可以在底部做任何我想做的事情。很好。但它会在IOS中隐藏制表符增加页脚高度，然后放置制表符并使用网格或您想要的内容“在此处键入div”。我通过更改制表符的位置“修复”了这一问题<代码>制表符顶部属性将制表符的位置更改为顶部，这样我就可以在底部做任何我想做的事情了。

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>

<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.