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

Question

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

正如您所看到的，Chrome正在推动元素＃4（class =“。newsline2”）。

Firefox＆amp; IE9完美展示了这一点。

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

Answer 1

当元素是绝对元素时，它需要适当的宽度和高度以及上下左右位置。添加height: 16px而不是自动。它也适用于Chrome。

Answer 2

为CSS规则“.contentContainer h2”添加高度，如下所示

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

Answer 3

尝试添加此内容：

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

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