css - 仅在 Chrome/Safari 中文本重叠 float 图像

标签 css google-chrome css-float

查看此问题的 URL:http://www.canadiantraveller.net/816-Viva_Italia_-_Italy_Celebrates_150_Years_Of_Unity

我遇到了一些文字重叠在图片和 Adsense 广告上(和下方)的问题。如果您查看该页面,您会看到一个半身像图像,紧随其后的是 adsense block 。它们都向右浮动,adsense block 上有一个“clear: right”,将其撞到图像下方。出于某种原因,这个“清晰:正确”导致文本与下面的图像(另一个雕像)重叠并流到 adsense block 后面。如果我拉出“clear:right”文本流畅,唯一的问题是 adsense block 和第一张图片(半身像)并排出现(显然不需要)。

这在 FF 和 IE 中按预期工作。

注意事项: 广告放置是通过代码完成的,将广告放置在第一个可用的位置,它可以在不干扰文章的情况下放置。

文章是由其他人(通过编辑器)撰写的,因此更改文章中的 css 并不可行。

理想情况下,我想在包含的 CSS 文件或输入 adsense block 的代码中修复此问题。我可以完全控制这些。

在此先感谢您的帮助!

最佳答案

您使用的是哪个 Chrome 版本?我在 Chrome 17.0.942.0 (Windows) 上看不到任何问题。

关于css - 仅在 Chrome/Safari 中文本重叠 float 图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8015050/

相关文章:

css - 样式文本区域和按钮

css - 我应该使用多个 CSS 表吗?

html - 为什么我的列表样式图像在不同浏览器中的位置不同

css - 字体大小质量不同吗?

html - IE 下拉菜单问题

javascript - 从 chrome 扩展中的谷歌分析 api 获取数据?

javascript - 如何调试 $(document).ready() 中包含的 javascript?

css - 字体自定义不在 Chrome 中渲染字体

html - 创建画廊 - 左侧缩略图,右侧主图像 - 尽管有 float 和清除 :both 但未在顶部对齐

CSS float 不插入相邻元素