Div内部按钮在IE中无法正常工作

Question

我想在一个绝对<div>元素中定位<button>,元素需要稍微超出按钮边界,如下所示:

HTML:

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

CSS:

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

这与我在Chrome中的预期完全一样,但是在IE中,孩子没有离开按钮边界,这是小提琴.

铬:

IE

在IE 11和Chrome 51中测试过.

Answer 1

添加overflow: visible;到按钮元素.

重复: