避免AngularJS bar-footer重叠内容

问题描述

我正在使用ionic和angularJS制作应用程序，并且试图使我的bar-footer最终不与少数内容重叠，因此必须完成显示内容，然后再显示footer没有重叠的东西是最后一件事，我必须应用哪个属性？ 因为我已经尝试过所有关于position属性的工作，但是它们都没有为我工作，所以在这里我给您留下了现在发生的情况的图像：

如您所见，我的页脚与列表的最后一项重叠。 谢谢大家的回答和帮助！ :)

-编辑（提供代码）：

<ion-content>
    <ion-list class="pagina">
        <a class="item item-thumbnail-left" ng-repeat="poblacio in poblacions"  href="#/app/ambFiltreActivitats" ng-click="doGuardarPoblacio(poblacio.title)">
            <img style="width:50px; height:auto; margin-left: 60px;" ng-src="{{poblacio.url}}"/>
            <br/><br/>
            <b>{{poblacio.title}}</b>
        </a>
    </ion-list>
  </ion-content>
  <div class="bar bar-footer">
    <div class="title"></div>
  </div>

不，我没有CSS属性，但只有背景色，如果我应用position: relative页脚甚至都不会显示，并且absolute或fixed位置与链接的图片相同。