如何删除div下的额外空间

问题描述：

我在我的html文件中有一个空div，然后我有一个css文件，它使用一个id声明了这个div的大小。我将我的div的大小设置为垂直于我的主页大小，但是页面在底部延伸，并且存在不需要的额外空间。我如何删除它？下面是我的html：如何删除div下的额外空间

body { 
 
padding: 0; 
 
margin:0; 
 
height: 50%; 
 
width: 1500px; 
 
} 
 
#box{ 
 
background-color: white; 
 
width: 450px; 
 
height: 590px; 
 
margin: 69px 0%; 
 
border: 1px solid black; 
 
}

<!DOCTYPE HTML> 
 
<html> 
 
    <head> 
 
     <title>My Page</title> 
 
      <link rel="stylesheet" type="text/css" href="myPage.css"/> 
 
    </head> 
 
    <body> 
 
    \t <div id = "box"> 
 
\t </div> 
 
    </body> 
 
</html>

请使用您的问题[编辑]添加代码。 –

添加一些HTML/CSS代码 –

请给我们相关的代码 - 没有它，没有人可以做更多的推测。 – Sam07

答

你也不必用身体高度和宽度。任何问题询问我的评论。 :)

body { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
#box { 
 
    background-color: white; 
 
    width: 450px; 
 
    height: 590px; 
 
    margin-top: 69px; 
 
    border: 1px solid black; 
 
} 
 

 
#box h1 { 
 
    margin: 0 auto; 
 
    text-align: center; 
 
}

<!DOCTYPE HTML> 
 
<html> 
 
    <head> 
 
     <title>My Page</title> 
 
      <link rel="stylesheet" type="text/css" href="myPage.css"/> 
 
    </head> 
 
    <body> 
 
    <div id = "box"> 
 
     <h1>Title</h1> 
 
\t </div> 
 
    </body> 
 
</html>

如何删除div下的额外空间

相关推荐