在IE 8或9中,负上边距不起作用

Question

我有一个div margin-top:-200px.我希望div在它上方的div上方/后方移动.

到目前为止,IE以外的所有浏览器都很好用.margin-top:200px工作,所以我知道这不是一个崩溃的保证金问题.

有没有我不知道的错误？

Answer 1

IE不喜欢负边距并且不能正确渲染它们.相对或绝对地定位元素并使用top: -200px.

注意:定位它们可能会显着改变布局,您可能需要重新设计样式.

Answer 2

负边距隐藏div ...这里是技巧使用zoom:1,position:relative

问题:

.container{
padding: 20px;
}
.toolbar{
margin-top: -10px ;
}

在工具栏div的IE红色区域隐藏自己.即使我们使用zoom:1.要摆脱这个问题,我们需要添加位置:相对也是如此.

解:

所以你的css课程将成为

.container{
padding: 20px;
}
.toolbar{
margin-top: -10px ;
zoom: 1;
position: relative;
}