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

4xrmg8kj 于 2022-12-06 发布在 Go

关注(0)|答案(3)|浏览(262)

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

正如您所看到的，Chrome正在将元素#4（class=".newsline2”）向下推。
Firefox和IE9完美地显示了这一点。
如何解决此问题？

3条答案

尝试添加以下内容：

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

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

当元素是绝对元素时，它需要合适的宽度和高度沿着上下左右的位置。添加height: 16px而不是auto。它在Chrome中也可以工作。

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

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