logo标签列表

在没有空白的情况下将Div标签放在页面顶部的CSS方法

css
5
我希望在页面顶部放置一个id为“wrapper”的div标签，但问题是该标签与页面顶部之间存在白色空间，“wrapper”标签的颜色为黄色。
我的问题是如何去除标签与页面顶部之间的白色空间？
以下是我的代码： 

    <!DOCTYPE html>
    <html>
     <head>
     <style type='text/css'>
     body {
     margin: 0;
     padding:0;
     }  
     
     #wrapper {
     width:1000px;
     text-align:center;
     margin-right:auto;
     margin-left:auto;
     margin-top:0px;
     background-color: yellow;
     padding:0px;
     }
     </style>
     </head>

     <body>
      <div id="wrapper">
       Testing
      </div>
     </body>
    </html>

1
我这里没有空间。 - idmean
3个回答
11

在CSS代码中尝试以下内容：

{
 position:absolute;
 top:0px;
}

你可以使用right或者left来在div和角落之间留出空间

请注意，务必规范你的帖子格式！ - idmean
1
抱歉，我是新来的，不知道该怎么做。 - AME
谢谢您的问题。是的，它已经移动到了屏幕的左上角。 但我想让它在屏幕的顶部和中心。 我该怎么做？ - Ramy Nabiel
1
是的，这对我有效。但是当使用position:absolute时，两个div之间会重叠。如果我改为position:relative，则第一个div和页面顶部之间会出现白色空间。我该如何使第一个div位于页面顶部并防止两个div重叠？ - Ramy Nabiel
对于我的情况，我将代码更改为position:relative; top:-25px;，这样它就可以正常运行了。感谢您的帮助。 - Ramy Nabiel
2
问题是：https://dev59.com/om025IYBdhLWcg3wnXSf#5910170 尝试用以下代码替换所有代码：
<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <style type="text/css">
    body {
      margin: 0;
      padding:0;
    }    
    #wrapper {
      width:1000px;
      text-align:center;
      margin-right:auto;
      margin-left:auto;
      margin-top:0px;
      background-color: yellow;
      padding:0px;
    }
  </style>
</head>
<body>
<div id="wrapper">
  Testing
</div>
</body>
</html>
-2

试试这个...

{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0 auto;
    width:1000px;
}

希望这个能行
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接