Html Firefox和Chrome上的Div空间看起来不同(localhost甚至不同)

Html Firefox和Chrome上的Div空间看起来不同(localhost甚至不同),html,css,Html,Css,我不明白为什么我的页面div在Firefox和Chrome(以及Edge)上有不同的空间。另外,当我在localhost上打开它时,它会被移动得更多,因此我必须比在localhost上看到的更多地移动我的div 这部分在一个名为“press2”的div中,看起来像这样 .press2 { margin-left:220px; position:absolute; top:1000px; width:580px; } “顶部”部分

我不明白为什么我的页面div在Firefox和Chrome(以及Edge)上有不同的空间。另外,当我在localhost上打开它时,它会被移动得更多,因此我必须比在localhost上看到的更多地移动我的div

这部分在一个名为“press2”的div中,看起来像这样

.press2  {
        margin-left:220px;
        position:absolute;
        top:1000px;
        width:580px;
}
“顶部”部分是我必须编辑的部分。当我在localhost(Wampserver)上查看页面时,它仍然离我们大约100px远,并且与上面的review div重叠

.review  {
        margin-left:270px;
        position:absolute;
        top:550px;
        width:400px;
}
有人能帮我弄清楚吗


只需在正文中使用线条高度即可

body{
  font-family: Arial;
  font-size: 10pt;
  text-align: left;
  line-height: 12pt;
}

重做页面,使所有内容都正常定位,而不是使用绝对位置。为什么要使用绝对位置?如果浏览器使用浏览器预定义的css,那么使用空格是很正常的。我会删除绝对定位,一切都会好起来。添加一些屏幕截图,而不是网站链接,不要到处使用
position:absolute
。从屏幕截图中添加的屏幕截图无论出于何种原因,Firefox中的行高似乎比Chrome中的行高。但它不在我的机器上;在这两种浏览器中,live站点看起来都不错。