Chrome中的定位问题(其他浏览器工作正常)

Question

我已经制作了3个截图来解释它，请查看所有3个，然后单击我的最后一个链接：

​

​

​

​

​

​

如你所见，Chrome正在向下推送元素#4 (class=".newsline2")。

​

火狐和IE9完美地展示了这一点。

有人能帮我解决这个问题吗？我做错了什么？

Answer 1

尝试添加以下内容：

.newsline2 { position: absolute; right:0; top:0; }

而不是您当前使用的float:right。

Answer 2

当元素是绝对元素时，它需要适当的宽度和高度以及上下左右的位置。添加height: 16px而非auto。它也可以在Chrome上运行。

Answer 3

将高度添加到CSS规则".contentContainer h2“，如下所示

.contentContainer h2 {
height: 16px;
...
...
}