css - 问题在 IE6/IE7 中分配了负边距值

Question

我已经嵌套.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 中的显示方式：

Answer 1

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

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