html - div层移动

Question

我的网站上有一些 div 层在您导航到页面时移动到错误的位置(几乎就像边距被忽略了？)这发生在大多数浏览器中，即 Safari、FF、Chrome 等。有谁知道为什么这会发生吗？有趣的是，该网站在本地似乎还不错，而且似乎只有在我上传后才能播放!!我将不胜感激任何人可以提供的任何帮助/建议....

CSS:

#page-wrap-padding { 
width: 1078px; 
height: 700px;
margin: 0px auto 0px; 
background-color: transparent; 
}

#page-wrap { 
width: 978px; 
height: 610px;
margin: 35px auto 0px; 
background: #dc000f; 
overflow: hidden;
z-index:1000;
}

#guts{
margin: -15px;
overflow: hidden;
z-index: 2000;
}

#index-innards2{
position: absolute;
background: #dc000f; 
margin: 0px 0px 0px 600px; 
width: 378px; 
height: 550px; 
}

#index-innards{
position: absolute;
margin: 104px 0px 0px 230px; 
width: 340px; 
height: 390px; 
}

HTML

<div id="page-wrap-padding">
   <div id="page-wrap">
      <div id="guts">
         <div id="index-innards2">
         Content here
         </div>
            <div id="index-innards">
            More content here
            </div>
      </div>
   </div>
</div>

Answer 1

我在这里制作了一个 jsFiddle:http://jsfiddle.net/FPRFJ/

您是否遇到了浏览器提供的默认边距？

尝试添加这个:

正文{ margin :0； 填充:0；