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中的浮动错误？

回答

相关问题