Html Firefox中使用引导的负边距
我正在使用Twitter引导插件,目前主要是网格系统 我试着把一排排放在另一排的上面,为响应性设计做一些事情 在Chrome中,此功能非常有效: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="
<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;
}