为什么我的 ng-grid 页脚不会与我的底部边框对齐

【问题标题】：Why will my ng-grid footer not align to my bottom border为什么我的 ng-grid 页脚不会与我的底部边框对齐
【发布时间】：2014-02-11 04:39:33
【问题描述】：

我正在使用 ng-grid 和其他 AngularJS UI Bootstrap 元素。我终于能够重现我在我的网站中遇到的问题。这是 Plunker link。

请注意在页脚和边框之间的页脚底部的红色边框。我发现如果我注释掉 Bootstrap CSS，问题就会消失。显然有冲突，虽然我不知道从哪里开始寻找。

这是 ng-grid 的一个已知问题吗？使用 UI Bootstrap 的页面可以使用 ng-grid 吗？

【问题讨论】：

【解决方案1】：

不确定问题的根本原因是什么，但如果您只需要修复，请添加到您的 css：

.ngFooterPanel {
  top: 2px;
}

或

.ngFooterPanel {
  height: 57px;
}

【讨论】：

你是对的！这确实有效。好的，我明白为什么将高度更改为 2px 会覆盖红色，但是为什么将 ngFooterPanel 的 top 更改为 2px 会将其向下推？太奇怪了。不过我会接受的！
它的位置：相对的，所以当你将 top 设置为 2px 时，它只是说将它从之前的任何位置移动 2px（实际上是向下移动 2px）
感谢您的解释。这是有道理的。