css - Chrome 中的 float 错误？

Question

在 Chrome 中查看我的主页时，我遇到了一个奇怪的错误。当我尝试使用 CSSEdit 对其进行编辑时，该错误似乎并未出现:

我附上图片是为了向您展示我的意思。图标旁边的那些“点”也有链接。

什么可能导致此错误？

感谢您的帮助!

编辑肯定是代码(页面不在线):

 <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>

它被包裹在一个名为 footer 的 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;
}

对于奇怪的格式感到抱歉。

Answer 1

那些“点”是text-decoration:underline您的 CSS 部分应用于 <a>标签。您只看到其中一部分的原因是因为您使用的图像覆盖了其中的大部分。

尝试将其放入您的 CSS 中:

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