2015-05-21 87 views
0

我有一個谷歌瀏覽器一個奇怪的問題:谷歌瀏覽器具有不同的寬度

用下面的代碼:

<li class="smallAds fleft"> 
<a href="news"> 
    <img class="addBorder" src=".." alt="Dialetu news!" /> 
</a> 
</li> 

在Firefox和其他瀏覽器Li元素是190px寬,但對鉻是190.016px 。這種小小的差異足以毀壞佈局。

任何人都知道爲什麼會發生這種情況?

這隻發生在Chrome for Mac上,在Windows上完美運行。另外我的CSS規則沒有li元素的寬度,因爲它應該繼承img的寬度。

這裏的有關CSS與圖像相關的一個,因爲上述的元素沒有任何特定的風格:

#afterSlideShowSection ul li img { 
border-right: 2px solid #fff; 
box-sizing: border-box; 
height: auto; 
margin-top: 2px; 
width: 190px; 
} 
+0

沒有關聯的CSS我們無法回答。請提供演示。 –

+0

請訪問以下網站:www.dialetu.com/cn我正在討論主橫幅下的街區。 –

+0

如果鏈接消失,未來鏈接將無用。您需要用問題中的代碼重現問題。 –

回答