Html Firefox中使用引导的负边距

Html Firefox中使用引导的负边距,html,css,internet-explorer,firefox,twitter-bootstrap,Html,Css,Internet Explorer,Firefox,Twitter Bootstrap,我正在使用Twitter引导插件,目前主要是网格系统 我试着把一排排放在另一排的上面,为响应性设计做一些事情 在Chrome中,此功能非常有效: <div class="container"> <div class="row"> <div class="content"> abcd </div> </div> <div class="row" id="

我正在使用Twitter引导插件,目前主要是网格系统

我试着把一排排放在另一排的上面,为响应性设计做一些事情

在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>
但在Firefox和IE中,它们都忽略了负边际。我尝试了
top:-200px
,但这只是向上移动
行,而不是该行下面的所有元素。留下很大的空白


这个问题还有其他解决办法吗?或者对如何“调出”行下的任何内容有何建议?

您发布的HTML和CSS在Firefox和IE中看起来不错,请参阅

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


祝你好运

我也有同样的问题。在我的例子中,我的第一行有两个浮动元素,所以当我在第二行放置负边距时,它会移动整行。奇怪的是,它在Chrome中运行良好,但在Firefox中却不行


尝试添加溢出:隐藏;如果是这样的话,请切换到行。

为什么要这样做?因为我有两种背景色,它们跨越两个不同的行,我正试图让它们的一部分重叠。所以我想看看这是否可能。如果是,那太好了。如果没有,我将尝试其他方法。仍然无法真正理解您正在尝试的操作,但是如果您使用#moveUpRow{position:absolute;}将不会向下推送下面的内容。请尝试插入
!重要信息
样式如
页边距顶部:-200px!重要的@PiLHA已经试过了。不走运。
.row {
    height: 200px;
}

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