离子子页脚未固定在底部答案

【问题标题】：Ionic sub-footer not fixed at bottom离子子页脚未固定在底部
【发布时间】：2015-05-15 15:56:32
【问题描述】：

我创建了一个页脚和一个子页脚来显示参数。现在我的页脚停留在底部，但子页脚正好在内容之后。或者有时它落后于内容。<div id="content" ui-view></div> 加载内容并且我使用了 ion-footer。

https://jsfiddle.net/sweety1112/wag7ye4b/15/

<div class="bar-subfooter" class="bar-assertive"> <div class="modeContainer">
 <div class="mode modeText ">
        <div class="">
         Mode:
         <p> Modulated Mode </p>
        </div>
 </div>

<ion-footer-bar>

    <div class="bottomcontainer">
            <span class="fontClass">
                Intensity:
                <p> Low </p>
            </span>
             <div class="vertical-line">&nbsp;</div>
            <span class="fontClass">
                Duration:
             <p> 20 Min </p>
            </span>
            <div class="vertical-line">&nbsp;</div>
            <span class="fontClass">
                OnTime:
            <p> 10 Sec </p>
            </span>
            <div class="vertical-line">&nbsp;</div>
            <span class="fontClass">
                OffTime:
                 <p> 10 Sec </p>
            </span>
     </div>

【问题讨论】：

想要的输出是什么？

标签： jquery html css ionic

【解决方案1】：

我得到了子页脚的解决方案。其实我的实现是错误的。子页脚将按以下方式实现。可能对其他人有用。

<ion-footer-bar class="bar-subfooter" class="bar-assertive">        <div class="modeContainer">    
 <div class="mode modeText ">
        <div class="">
         Mode:
          Modulated Mode 
        </div>     </div>       </div>  </ion-footer-bar>       <ion-footer-bar>

    <div class="bottomcontainer">
            <span class="fontClass">
                Intensity:
                Low
            </span>
             <div class="vertical-line">&nbsp;</div>
            <span class="fontClass">
                Duration:
              20 Min 
            </span>
            <div class="vertical-line">&nbsp;</div>
            <span class="fontClass">
                OnTime:
             10 Sec 
            </span>
            <div class="vertical-line">&nbsp;</div>
            <span class="fontClass">
                OffTime:
                10 Sec 
            </span>
     </div>

【讨论】：