在<IE> / IE7 </div>中分配了负边距值的<div>问题

时间:2013-04-30 12:03:30

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

我在包含.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中的显示方式:

enter image description here

它在IE7中的显示方式:

enter image description here

1 个答案:

答案 0 :(得分:1)

为此,您需要使用position:absolute;代替float:right;

以下是对您的jsfiddle的更新,以向您展示我的意思:jsfiddle