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

【问题标题】：margin-bottom is calculated differently in Operamargin-bottom 在 Opera 中的计算方式不同
【发布时间】：2014-12-26 22:08:13
【问题描述】：

我有一个具有相对位置的 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 中）两次计算 margin-bottom。

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

这是一个错误还是我缺少某些属性？

【问题讨论】：

为什么要在定位的 div 上设置 margin-bottom？
我在 Mac 上的 Chrome、Safari、FF 和 Opera 上看到了这个小提琴，它们看起来完全一样
真的吗？我没有看到相同的边距。优胜美地，今天刚刚下载了 Opera。
您想解决这个错误还是使用解决方法？
我想确认它是错误还是我缺少某些属性。如果存在 Opera 的修复是我正在寻找的。谢谢

标签： html css margin opera

【解决方案1】：

App Store 中提供的 Opera 浏览器似乎是第 12 版，已经过时一年半了（实际是 25 版）。直接从他们的网站下载并打开 jsfiddle 不会显示任何冲突。

【讨论】：

【解决方案2】：

Opera 浏览器不会用 margin-bottom 覆盖 bottom 属性...所以看起来底部边距在浏览器中错误地翻了一番。

【讨论】：

欢迎来到 SO。作为改进，请添加对您的信息的链接或引用。它用额外的内容备份你的答案。