Chrome 中的边距重叠
我正在一个网站上工作，其中有一些 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;
}
I am working on a site and i have some css issue in it. its look good of FF but little weired on Chrome. please kindly help me how can i solve this issue.
http://thesunkissedgirls.com.au/
this is the main page and if you scroll down the page you see 3 paragarphs, and they look ok in ff but when you check in chorme the are mixing header line with first paragraph.
please kindly help me out to fix
<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>
and the paragraph css is
#xtra-paragraph {
color: #DBDBDB;
font-size: 13px;
line-height: 16px;
margin-bottom: 60px;
margin-top: 35px;
display: block;
}
#xtra-paragraph p {
text-align: left;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
您绝对将其定位在那里，因此浏览器无法为其静态定位分配空间。
您需要在那里放置更多空间...
...或者将 HTML 放在逻辑上应该放置的位置，并默认将其定位为
static。You are absolutely positioning it there, so the browser can't allocate the space for it had it been statically positioned.
You need to put more room there...
...or put the HTML where it should belogically and keep it positioned as
staticby default.FF里也坏了。包含所有内联 CSS 的 div，将
top:780px;更改为top:760px;It's broken in FF too. The div with all the inline CSS, change
top:780px;totop:760px;在您的 div 样式中，更改“top: 780px;”到“顶部：770px；”为我修好了。
In your div style, change "top: 780px;" to "top: 770px;" fixed it for me.
给div类
.social去掉float:left，对于包含的div
添加
float:left。最后，增加
#xtra-paragraph的margin-top更新：
使用 Yslow！我测试了您网站的速度。您的总体表现得分为 65。这非常慢。我建议你优化一下你的网站，主题代码很马虎。
To div class
.socialremovefloat:left,For the div containing
add
float:left.Lastly, increase
margin-topfor#xtra-paragraphUpdate:
Using Yslow! I tested your site's speed. Your overall performance score 65. That is very slow. I suggest that you optimize your site, the theme code is very sloppy.