Question

我的html文件中有一个空div，然后我有一个css文件，使用id声明这个div的大小。我将我的div垂直放大到我主页的大小，但是页面在底部延伸，并且有不必要的额外空间。你怎么能把它删除？以下是我的HTML：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

此外，您不需要使用身高和身高。有问题请教我评论。 :)

＆＃13;

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;
}

＆＃13;

<!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>
	</div>
   </body>
</html>

＆＃13;

如何删除div下方的额外空间

1 个答案: