Question

我正在网站上工作，我有一些CSS问题。它看起来很好用FF但在Chrome上很少用。请帮助我如何解决这个问题。

http://thesunkissedgirls.com.au/

这是主页面，如果你向下滚动页面，你会看到3个paragarphs，它们在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。

Answer 2

它也在FF中被破坏了。包含所有内联CSS的div，将top:780px;更改为top:760px;

Answer 3

在你的div风格中，改变“top：780px;”到“顶部：770px;”为我修好了。

Answer 4

要将课程.social移除float:left，

对于包含

的div

促销模特|摄影模特|比基尼模特|女用贴身内衣裤型号|模特大赛|体育赛事|舞者的|啦啦队 |卡女郎|网格女孩|扑克之夜|促销女孩|卡拉OK +更多

添加float:left。

最后，为margin-top

增加#xtra-paragraph

<强>更新

使用Yslow！我测试了你网站的速度。你的整体表现得分为65.这非常缓慢。我建议您优化您的网站，主题代码非常草率。

Chrome中的边距重叠

4 个答案: