html - 负边距顶部在 Firefox 中不起作用

Question

我正在做一个元素，但我遇到了 Firefox 的问题，我无法弄清楚问题出在哪里。我是 HTML 和 CSS 的新手。

网站链接是http://parapentemontanita.com/

在除 IE 和 Firefox 之外的所有浏览器中，它都能完美运行。我的问题是说“VUELOS DE PARAPENTE TANDEM”的部分是串联的。 margin-top: -350px 不起作用。

.tandem
{
    position: relative;
    margin-top: -350px !important;

}

提前致谢

Answer 1

我认为这是因为上述 block 的样式。您有三个类为 col-md-4 col-xs-12 的 block ，每个 block 中都有类 box_index 的 block 。这些 col-md-4 col-xs-12 是 float ，并且 ::after 伪元素中有 clear:both;。

col-md-4 col-xs-12 内的

box_index block 声明了 top:-290px;。因此内容向上移动了 290 像素，但容器 col-md-4 col-xs-12 保持其计算的高度。而且因为清楚，下一个内容在他们结束后开始。您强行向上移动下一个容器，但容器的内部元素是 float 的并且遵守 clear:both; 规则。所以你也需要移动它们。

不过最好把top改成margin-top:-290px;。

而且对于 section.tandem，您不再需要 margin-top:-350px。

附言在 firefox 44 中测试过，但我认为也可以在 Chrome 中使用。