Firefox不承认负裕度

Question

请查看此页：http://www.qhs.co.uk/high-wycombe-boiler-installation

#wrap .pushup {
  margin-top: -215px;
}

这在Chrome中是完美的，但在Firefox中则不然。很明显，它不承认负利润。

Chrome (正确)：

​

火狐(错)：

​

我想这可能是个漂浮的电视问题。我尝试使用clearfix并在外部div中移动.pushup类，但仍然没有成功。

有什么想法吗？

我用的是自带3.1。

Answer 1

如果您删除了.jumbotron > .container > .row > .col-xs-12 { height:100%; }，它应该在火狐中正确显示。

Answer 2

说到负利润，FF是很难理解的。因此，不要使用负值，而是使用相对定位。

#wrap .pushup {
  position:relative;
  top:-215px;
}