Chrome和Firefox之間的水平高度不同

Chrome和FF的頁面有很大的不同，Chrome裏面的邊框好像是在裏面，所以高度是130px，但是在FF中，邊框在外面，所以高度是150px。Chrome和Firefox之間的水平高度不同

我已經添加了更多的代碼信息。

<div class="service_promos cf"> 
    <ul> 
     <li> 
      <h2><a>item1</a></h2> 
     </li> 
     <li> 
      <h2><a>item2</a></h2> 
     </li> 
    </ul> 
</div>

這裏是CSS：

.service_promos { 
    margin-top: 0; 
} 

.service_promos ul { 
    width: auto; 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    list-style-image: none !important; 
} 

.service_promos li { 
    background: none; 
    border-bottom: 10px solid #e2e1d6; 
    border-left: 10px solid #e2e1d6; 
    border-right: 10px solid #e2e1d6; 
    min-height: 130px; 
    margin-top: 0 !important; 
    padding-right: 1em; 
    list-style-type: none; 
    padding: 1em 2em; 
    display:block; 
} 

.service_promos h2 { 
    float: left; 
    margin-left: 5%; 
    margin-top: 0; 
    width: 70%; 
    color: #FF6526; 
    font-size: 2.5em; 
    font-style: normal; 
    font-weight: 700; 
    line-height: 1em 
} 

.service_promos h2 a { 
    color: #FF6526; 
    text-decoration: none; 
}

來源

2013-07-31 Rui Liu

它看起來我看到HTTP如出一轍：// jsbin.com/aqiyep/1/edit是什麼問題？ – user1721135

Chrome和FF之間的高度不同，FF更高。 –

在兩個測試，但其相同。你可以張貼截圖嗎？ – user1721135

您提供的項目看起來蠻好看的。

如果仍然不滿意自己的外表，你可能要考慮使用或者您的項目/頁內的Normalize.css或Reset.css參考。

這些樣式表的目的是幫助「標準化」常用的所有元素，以便它們在不同的瀏覽器和環境中顯示類似。

（我會建議您檢查，如果您有任何其他加載項或擴展，也可能會被使用您的任何元素的外觀干擾）

來源

2013-07-31 17:18:50

Chrome和Firefox之間的水平高度不同

回答

相關問題