Firefox 模态浮动问题

Question

我遇到了这个问题，Firefox 决定将我的模式浮动到左侧，我似乎无法弄清楚。所有其他浏览器似乎都很好。模态位于中心。

Chrome - 它应该是什么样子：

Firefox - 我遇到的问题：

.JournalReaderInner {
    padding: 40px 0;
}

.JournalReader {
    width: 640px;
    min-height: 320px;
    margin: auto;
    padding: 20px;
    background: #fff;
    position: relative;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

Answer 1

它应该在 Firefox 上完美运行。我已经测试过了。 https://jsfiddle.net/qpzneza2/

你在另一个地方有错误。

试一试：

position: relative !important;
margin: 0 auto !important;
float: none !important;
display: block !important;