鉻的CSS問題：邊界（右）身邊的鏈接不顯示

Question

我有這個小測試用例：http://jsfiddle.net/sV8js/

你可以看到，在Chrome（Win7上11.0.696.68測試）第2個鏈接右邊框是「切斷「並沒有顯示。 FF和IE 7/8/9似乎表明它確定。

Browsershots：http://browsershots.org/http://top3skills.com/1.html

而且在Safari「馬車」（所以它的WebKit有關？）

任何人都知道什麼是這種做法或如何解決這個問題呢？ （或者我應該向Chrome報告錯誤）任何解決方法都不會影響其他瀏覽器？

另外，我的測試用例與Right border not displaying on google chrome不同，但也許是相同的錯誤？

更新：我不想用內聯塊和IE7不支持它，我發現這個錯誤，因爲我去掉inline-block的我以前有沒有:)另外這是動態的，因此在每個鏈接之後添加
並不容易，因爲某些鏈接可能會打破新的界限，而其他鏈接則不會......因此，我首先嚐試獲得「正確的方式」，然後再採用更「棘手」的方式。

Answer 1

您已設置包含DIV的固定寬度爲250px。這是切斷邊緣。此外，您應該將display:inline-block;添加到您的CSS鏈接類。這將使您的鏈接塊元素，同時保持它內嵌。它也會應用你已經正確賦值的填充。

查看更新這裏http://jsfiddle.net/sV8js/12/

鏈接丹

Answer 2

嘗試給這些鏈接一個display: inline-block或display: block屬性，因爲鏈接是inline元素。

Answer 3

你需要添加display: block到.referencesSkills