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;