带有嵌入式 css 文件的 html 没有填满正文

Question

我正在尝试使用 html/css 创建以下简历，但实际简历并未填满 html 的主体。

resume 1

resume2

简历的CSS代码如下。

  <style>
  body {
    background-color: white;
    width: 612px;
    height: 792px;

}
h1  {
margin-top: 15px;
margin-bottom: 0px;
text-align: center;
color: black;
font-size: 70px;


}
html, body {
overflow: auto;
}

h1:after {

content:' ';
display:block;
border:3px solid black;
margin-bottom: 0px;

}
p{
font-weight: bold;
font-size: 30px;
color: black;
margin-bottom: 15px;
margin-top: 15px;

}
dt {
display: list-item;
list-style-type: disc;
list-style-position: inside;
}
dl {
margin-top: 15px;
}
h3 {
text-align: left;
font-size: 19px;
color: black;
margin-bottom: 4px;
}


</style>

我想知道是否有任何 CSS 行可以解决这个问题

Answer 1

大概是这个原因:

body {
    width: 612px;
    height: 792px;
}

您强制将网站的整个主体设置为 612x792 像素，因此它当然不会填满整个 View