html - Chrome 中的边距重叠

Question

我在网站上工作，其中有一些 CSS 问题。它在 FF 上看起来不错，但在 Chrome 上有点奇怪。请帮助我如何解决这个问题。

http://thesunkissedgirls.com.au/

这是主页，如果您向下滚动页面，您会看到 3 个段落，它们在 ff 中看起来不错，但是当您检查 chorme 时，标题行与第一段混合在一起。

请帮我解决一下

<div style="color: white;font-size: 14px;margin: 0 0 30px 0;padding: 0;position: absolute;text-align: left;top: 780px;width: 960px; display:block;">
     Promotional Models | Photographic Models | Bikini Models | Lingerie Models | Model Competitions| Sporting Events | Dancer’s | Cheerleaders | Card Girls | Grid Girls |Poker Nights | Promo Girls | Karaoke + more
</div>

段落css是

#xtra-paragraph {
    color: #DBDBDB;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 60px;
    margin-top: 35px;
    display: block;
}

#xtra-paragraph p {
    text-align: left;
}

Answer 1

您绝对将它定位在那里，因此浏览器无法为其静态定位分配空间。

你需要在那里放更多的空间......

#xtra-paragraph {
   margin-top: 50px;
}

...或者将 HTML 放在它应该符合逻辑的位置，并默认将其定位为 static。