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/

这是一个bug还是我丢失了一些属性?

应用商店中提供的Opera浏览器似乎是12版,已经过时一年半了(实际是25版)。直接从他们的网站下载并打开jsfiddle不会显示出任何冲突。

Opera浏览器不会用margin-bottom覆盖bottom属性。。。因此,在浏览器中,页边空白底部似乎错误地翻了一番。

最新更新