css - 负边距在 IE 7 中不起作用

Question

我有以下代码:

 <style>
            .earthlogo{float: right; margin: -270px 0px 0px 0px;}
 </style>

    <div class="banner">   
        <p>ENVISIONING A BETTER TOMORROW</p> 
        <div class="earthlogo">
            <img src="images/earth.png"/>
        </div>
    </div>

在这里，我将负边距应用到类 earthlogo 及其在 firefox 和 google chrome 中的工作，但在 IE 7 中不起作用。那么这是在 CSS 中应用负边距的正确方法吗，如果它是正确的那么为什么它在 IE 7 中不起作用。我该如何解决 IE 问题。

谢谢

Answer 1

您可以使用 position: relative; 以及负 top 或 left 偏移量来代替负 margins ;

.earthlogo {
     position: relative;
     top: -270px; /*pull it 270 pixels up*/
     left: 0px; /*we don't want to pull it to the left*/
     margin: 0px; /*make sure no margins are applied*/
}