1

我觉得这应该是一个超级简单的修复，但它让我发疯。我试图让这个图像靠在浏览器窗口的顶部，但是我在图像上方得到了这个我无法摆脱的填充。

我尝试了一些事情，例如将填充设置为 0，并且我尝试删除所有内容，但我仍然得到填充。任何帮助，将不胜感激 ：）

http://twopairphoto.com/SlapFat/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
  <style>

    body{
      padding-top: 0px;
    }       
    div {  
      padding-top: 0px;
    }    
  </style>
</head>
<body background="SlapFatBG_sm.jpg">
<div id="container" align="center"><img src="slapfatsplash_sm.jpg" /></div>
</body>
</html>

谢谢

4

5 回答 5

1

也将边距设置为 0：

body {
      padding-top: 0px;
      margin:0;
}
于 2012-04-26T15:48:51.437 回答
0 
<body style="margin: 0px auto;">

或者

body {
  padding-top: 0px;
  margin: 0px auto;
}

这将消除默认情况下屏幕顶部和底部的边距。由于将左右边距设置为自动，这也将使您的内容在大多数浏览器中居中。

于 2012-04-26T15:48:45.403 回答
0

尝试将padding-topdiv 更改为margin-top

那应该有帮助

于 2012-04-26T15:48:45.233 回答
0

你可以试试绝对定位...

div {position:absolute; top:0px;}
于 2012-04-26T15:49:48.567 回答
0

尝试这个：

body{
  padding-top: 0px;
  margin-top: 0px; //<---- Set body margin to 0px
}

用 Firefox 确认。

于 2012-04-26T15:50:08.977 回答