在 IE6/IE7 中已分配负边距值的 <div> 问题答案

【问题标题】：Issue with <div> that has been assigned negative margin values in IE6/IE7在 IE6/IE7 中已分配负边距值的 <div> 问题
【发布时间】：2013-04-24 08:20:39
【问题描述】：

我将.disc_outer 嵌套在包含<div> 的元素中，并为其分配了一些负边距值，以便它实际上与包含<div> 重叠：

http://jsfiddle.net/fgpVP/7/

.disc_outer {
    float: right;
    height: 100px;
    width: 100px;   
    margin: -120px -20px 0px 20px;
    font-weight: bold;
    font-size: 1.30em;
    line-height: 1.2em;
}

我在 jsFiddle 中有一个这样的例子 - http://jsfiddle.net/fgpVP/7/

但是，当我在 IE6/IE7 中查看此内容时，它显示不正确，在 IE6 中，与容器重叠的 .disc_outer 的任何区域都不可见，并且在 IE7 中，5000 英镑的文本底部被切掉了，这是有原因的有没有我可以应用的 CSS 属性来解决这个问题？

它在 IE6 中的显示方式：

它在 IE7 中的显示方式：

【问题讨论】：

IE6 不支持负边距，如果我记忆力好的话

标签： css internet-explorer internet-explorer-7 internet-explorer-6

【解决方案1】：

为此，您需要使用position:absolute; 而不是float:right;

这是您的 jsfiddle 的更新，以向您展示我的意思：jsfiddle

【讨论】：