IE中的Div inside按钮无法按预期工作[重复]答案

【问题标题】：Div inside button not working as expected in IE [duplicate]IE中的Div inside按钮无法按预期工作[重复]
【发布时间】：2016-07-07 18:26:08
【问题描述】：

我想在<button>内定位一个绝对的<div>元素，该元素需要稍微超出按钮边界，如下：

HTML：

<button class="container">
  <div class="child">child</div>
</button>

CSS：

.container {
  position: relative;
}
.child {
  position: absolute;
  top: -1rem;
  left: 1rem;
}

这在 Chrome 中完全符合我的预期，但在 IE 中，孩子没有离开按钮边界，这是fiddle。

铬：

在 IE 11 和 Chrome 51 中测试。

【问题讨论】：