Chrome和Mozilla計算保證金的方式不同

Question

我在元素中設置了％保證金頂部，並且Moz以其他方式對其進行了計數。這裏是我的代碼：

#hohloma { 
display:flex; 
width:90%; 
max-width: 537px; 
margin-top: 10%; 
@media (min-width: 1000px) { 
    width: 450px; 
    height: 400px; 
    background-image: url(../img/hohloma.png); 
    background-repeat: no-repeat; 
    background-size: contain; 
    flex-direction:column; 
    margin-left:4%; 
    position:relative; 

怎麼看到Mozilla的：

怎麼看到Chrome的先生：

Answer 1

你應該確保包含的元素有一個固定的寬度在兩個瀏覽器中都是一樣的。

％ - 指定的餘量在容納元件的寬度的％

source