css - 如何使具有最大宽度和绝对定位的 div 居中以在 IE 中工作？

Question

我想将具有最大宽度的绝对位置 div 居中。

#confirmation-popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 500px;
  height: 150px;
  padding: 12px;
  background-color: #4e4e4e;
}

这在 IE 中不起作用。

Answer 1

max-width 在 IE 中不起作用。最好使用 width 或者你可以使用翻译技术。

这是片段:

#confirmation-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  max-width: 500px;
  height: 150px;
  padding: 12px;
  background-color: #4e4e4e;
}

<div id="confirmation-popup">this is demo</div>