避免 AngularJS bar-footer 重叠内容答案

【问题标题】：Avoid AngularJS bar-footer to overlap content避免 AngularJS bar-footer 重叠内容
【发布时间】：2015-10-07 01:36:43
【问题描述】：

我正在使用 ionic 和 angularJS 做一个应用程序，我试图让我的条形页脚不与最后的少数内容重叠，因此必须完成显示内容，并且，那么，页脚是最后没有重叠的东西，我必须应用哪个属性？因为我已经尝试了所有关于 position 属性的方法，但没有一个对我有用，所以我在这里给你留一张现在正在发生的事情的图片：

http://s23.postimg.org/b9uhjq0ej/Captura.png

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

--EDITED（提供代码）：

<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 属性，只有 background-color 之一，如果我应用 position: relative，页脚甚至不会显示，并且使用 absolute 或 fixed 它与链接照片中的相同.

【问题讨论】：

现在您可能拥有position: fixed 或absolute。给它relative。并将padding-bottom : 40px 提供给页脚之前的前一个 div。那应该解决它。另外，请提供您正在使用的代码。这样，更多的人可以回答并提供更多有用的意见。
@JoelAlmeida 好的，已经编辑过了，如果你愿意，可以看一下，正如我在编辑部分中所说，相对不起作用，无论如何，谢谢 :)
你能提供.pagina和.bar-footer的css吗？
@JoelAlmeida .bar-footer css 是 background-color: #FDC47F; 并且没有更多的 CSS，一切都是由 Ionic 框架建立的，它是 <ion-content> 标签内的列表和页脚:)跨度>

标签： javascript html css angularjs footer

【解决方案1】：

给<ion-content>添加'has-footer'可以解决这个问题。

【讨论】：