使用Bootstrap的Firefox中的负边距

Question

我正在使用Twitter Bootstrap插件，主要是目前的网格系统。

我试图将一行放在另一行之上，为响应式设计做一些事情。

在Chrome中，这非常有效：

<div class="container">
    <div class="row">
        <div class="content">
            abcd
        </div>
    </div>
    <div class="row" id="moveUpRow">
        <div class="content">
            efgh
        </div>
    </div>
</div>

CSS：

.row {
    height: 200px;
}

#moveUpRow {
    margin-top: -200px;
}

但是在Firefox和IE中，他们都忽略了负利润。我尝试了top: -200px，但只是向上移动row而不是行下方的所有元素。留下很大的空白空间。

此问题的其他任何解决方案？或者有关如何“拉”行下方任何内容的任何建议？

Answer 1

我遇到了同样的问题。在我的情况下，我的第一行中有两个浮动元素，所以当我向第二行放置一个负边距时，它会移动整行。奇怪的是，它在Chrome中工作得很好，但在Firefox中却没有。

尝试添加overflow：hidden;如果是这样的话就行了。

Answer 2

您发布的HTML和CSS在Firefox和IE中看起来不错，请参阅http://www.bootply.com/72944

也许您可以首先仔细检查CSS文件的路径，并确保页面上的HTML没有其他问题？

祝你好运！