页脚卡在页面中间

Question

我正在研究angularjs + node js应用程序.我在我的电话中调用我的观点index.html如下:

<div ng-include="'views/header/header.view.html'"></div>
<div ng-view style="height: 100%"></div>
<div ng-include="'views/footer/footer.view.html'"></div>

我添加了style="height: 100%"因为没有添加它我的ng-view没有扩展到全屏.但现在我的页脚与我的页面相交.这可能是因为height: 100%在窗口边缘之后立即渲染.

我怎样才能解决这个问题？

Answer 1

使用position为footer:

<div ng-include="'views/footer/footer.view.html'"
     style="position: fixed; bottom: 0; left: 0; right: 0;"></div>

另外,还要确保你给一个底部padding,以body用于页脚的高度,从而使内容没有得到重叠页脚后面.