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

Question

我做了3个截图来解释它，请查看所有3个然后点击我的最后一个链接：

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

Firefox 和 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您当前正在使用的。