html - Firefox 模态 float 问题

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;