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和谷歌浏览器，但不是在IE 7中。因此，这是在CSS中应用负边距的正确方法，如果它是正确的方式那么为什么它在IE 7中不起作用。如何修复IE问题。

由于

Answer 1

您可以使用margins以及否定position: relative;或top抵消;而不是否定left;

.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*/
}

Answer 2

你可以使用

position: relative;

与

一起

 top:270px left:0px offsets

IE 7中的负边距不起作用

2 个答案: