Firefox无法识别负边际

Question

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

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

这适用于Chrome，但不适用于Firefox。显然它不承认负边际。

Chrome（正确）：

Firefox（错误）：

我认为这可能是一个浮动的div问题。我尝试使用clearfix并在外部div中移动.pushup类，但仍然没有运气。

有什么想法吗？

我正在使用Bootstrap 3.1。

Answer 1

当谈到负边际时，FF很难理解。因此，不要使用负边距，而是使用相对定位。

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

Answer 2

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