margin-bottom在Opera中的计算方式不同

时间:2014-10-30 18:06:37

标签: html css margin opera

我有一个相对位置的div和一个绝对位置的子div。

<div id="container" class="out">
    <div id="inside"></div>
</div>

CSS:

#container {
    width:100px;
    height:100px;
    position: relative;
}
#inside {
    position:absolute;
    top:25px;
    left:25px;
    right:25px;
    bottom:25px;
    margin-bottom:24px;
}

Chrome浏览器,Safari和Firefox似乎都能正常运行,但Opera浏览器(在Mac中)正在计算两次保证金。

这是一个小提琴:http://jsfiddle.net/4fw9wc0o/1/

这是一个错误还是我遗漏了一些财产?

2 个答案:

答案 0 :(得分:3)

似乎App Store中提供的Opera浏览器版本为12,超过一年半过时(实际为25)。直接从他们的网站下载并打开jsfiddle并不会显示任何冲突。

答案 1 :(得分:1)

Opera浏览器不会使用 margin-bottom 覆盖底部属性...因此,在浏览器中,保证金底部可能会错误地翻倍。