Chrome中的浮動錯誤？

我在Chrome瀏覽器中查看我的主頁時遇到了一個奇怪的錯誤。該bug似乎沒有出現，當我嘗試CSSEdit編輯它：Chrome中的浮動錯誤？

enter image description here

我附照片向你展示我的意思。圖標旁邊的這些「分數」也是鏈接的。

enter image description here

什麼導致這個錯誤？

感謝您的幫助！

編輯確保這裏的代碼（網頁不在線）：

<div class="rss"> 
     <p> 
     <a href="http://linkto"> 
      <img src="/images/facebook.png" alt="Find me on facebook" /> 
      </a> 
      <a href="http://linkto"> 
      <img src="/images/twitter.png" alt="Follow me on twitter" /> 
      </a> 
     <a href="http://linkto"> 
      <img src="/images/rss.png" alt="Subscribe to RSS Feed" /> 
      </a> 
     </p> 
</div>

它被包裹在一個div類名爲頁腳。和CSS

.site .footer { 
font-size: 80%; 
color: #666; 
border-top: 4px solid #eee; 
margin-top: 2em; 
overflow: hidden; 
} 

.site .footer .rss { 
    margin-top: 0em; 
    margin-right: -.2em; 
    float: right; 
    } 

.site .footer .rss img { 
    border: 0; 
}

對不起，格式奇怪。

來源

2011-03-08 ernesto50

給鏈接到實際的頁面會在這些圖像最有利的，如果可能的話。這樣我們至少可以檢查CSS和標記。否則，你是否願意發佈相關代碼？ – 2011-03-08 13:22:41

甚至你正在使用的標記的CSS ... – diagonalbatman 2011-03-08 13:23:13

我可能很密集，但我不知道你在說什麼錯誤？你的佈局的哪一部分不會像你期望的那樣出現？ – 2011-03-08 14:42:42

這些「積分」是您的CSS的text-decoration:underline部分應用於<a>標記。你只看到它的一部分原因是因爲你正在使用的圖像覆蓋了它的大部分。

嘗試把這個在你的CSS：

.rss a { text-decoration:none } 
.rss a img { border:none; outline:none }

來源

2011-03-08 14:42:41 dmackerman

真棒，做到了，非常感謝！ :) – ernesto50 2011-03-08 14:58:36

簡單的修復，對吧？我在我的幾頁上遇到了這個問題！ – dmackerman 2011-03-08 15:19:30

Chrome中的浮動錯誤？

回答

相關問題