Chrome中的浮动错误?

时间:2011-03-08 13:19:45

标签: css google-chrome css-float

在Chrome浏览器中查看我的主页时,我有一个奇怪的错误。当我尝试使用CSSEdit编辑它时,似乎没有出现该错误:

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>

包含在一个名为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;
}

抱歉奇怪的格式化。

1 个答案:

答案 0 :(得分:1)

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

尝试将其放入CSS:

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