css - Moz渲染底部属性与Webkit有所不同

尝试在此site上使用以下CSS在悬停时显示H3：

 a > h3 {
 min-width: 100% !important;
 min-height: 100px;
 max-height: 100px;
 display: block;
 position: absolute;
 bottom: -80px;
 color: #FFF;
 padding: 25px 5px;
 box-sizing: border-box;
 -webkit-transition: all 300ms ease-in;
 -moz-transition: all 300ms ease-in;
 -ms-transition: all 300ms ease-in;
 -o-transition: all 300ms ease-in;
 transition: all 300ms ease-in;

 a:hover > h3 {
 bottom: 0;
 }

由于某些原因，这在Firefox中无法呈现与在Chrome和Safari中相同的效果。似乎与bottom属性有关。

最佳答案

出于某种原因，Safari会将“最小宽度”计算为250px，将Firefox计算为100％！

因此，该框的布局在Safari中为250x100（可以），在Firefox中为240x50。那可能是问题所在。那100％来自哪里（也许在同位素的js文件中的某个地方？）