css - 为什么负边距在 IE 7 中不起作用？

Question

我在链接上声明了负边距，但它在 IE 7 上不起作用。

#search a {
    color: #E5E5E5;
    text-decoration: none;
    font-weight: bold;
    float:right;
    margin-top:-20px; // this is not working on ie, only mozilla
}

有解决办法吗？

Answer 1

{position: relative;} 可能是必需的，如前所述，但您可能还有另一个问题:

通常，如果使用负边距技术将元素突出到其父容器之外，IE7 将不会绘制元素突出到其父容器之外的部分(尽管它会尊重其他影响突出的方法，例如 {溢出:可见}).

这是一个与“hasLayout”相关的 IE 错误 ，可以在“Has Layout: Negative Margin Bug 中找到对其的彻底处理。

正如上面引用的引用注释，有一些方法可以诱使 IE7 绘制元素的具有负边距的部分，该部分突出到其父元素之外，但它涉及“......不使用任何提供元素布局的属性”这可能会限制您想要使用的其他设计技术，并且会产生其他副作用(同样，请参阅引用的引用资料)。

但要回答您的问题:解决方法请参见 the list of properties that induce "hasLayout" ,(比如位置、高度和宽度——哎呀!)并确保它们都没有应用于您的容器。