Question

我想在页面顶部放置一个id为“wrapper”的div标签，但问题是 div标签之间有一个空格“包装器是黄色”
和页面顶部。

我的问题是如何删除div标签和顶部之间的空白区域页面？

这是我的代码

    <!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>

Answer 1

在css代码中尝试：

{
 position:absolute;
 top:0px;
}

您可以使用right或left在div和角落之间留出空格

Answer 2

问题是：https://stackoverflow.com/a/5910170/2670516

尝试通过以下方式替换所有代码：

<!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>

Answer 3

试试这个..

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

希望这有效

CSS将Div标签放在页面顶部，没有空格

3 个答案: