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

标签 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 中)正在计算 margin-bottom 两次。

这是一个 fiddle :http://jsfiddle.net/4fw9wc0o/1/

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

最佳答案

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

关于html - Opera 中 margin-bottom 的计算方式不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26660252/

相关文章:

jquery - Div 以适合浏览器窗口大小

javascript - event.pageX - this.offsetLeft = -1 in chrome 如果 margin 为 0 auto

html - 移动设备的背景尺寸

css - 使用通用 CSS 类进行 Bootstrap 3 设置

jquery - 带有滚动条的 HTML 文本框或区域,用于填充 Ajax 响应

html - 如何使用 Bootstrap 为 <li> 创建下拉列表

html - Margin-bottom 只与 float-left 一起使用

wpf 堆栈面板中的鼠标悬停边距

html - 在 TextMate 中轻松清理 HAML 间距

css - CSS background-color 前的星号是什么意思?