Html 头部遮盖身体

我正在尝试使用书中提供的步骤重新创建网页文档。但是，我创建的页面与书中的示例不匹配。由于某种原因，标题遮住了我页面正文的一半。 下面是我创建的样式表，试图模仿该示例。我提供的图片就是我书中的例子。我做错了什么？书例--

以下是html和css的代码：

/*
大J's深盘比萨饼样式表
文件名：styles.css
作者：Justus Self
日期：2017年2月10日
HTML5和CSS3图解单元D，技能回顾
*/
/*正文和页面容器*/
/*重置样式*/
文章
身体，
分区，
页脚，
标题，
h1，
h2，
H3P{
边界：0；
填充：0；
保证金：0；
}
.集装箱{
背景色：黑色；
文本对齐：居中；
最大宽度：640px；
保证金：0自动；
位置：相对位置；
}
/*标题*/
标题{
背景色：黑色；
宽度：100%；
最大宽度：640px；
位置：固定；
/*z指数：-1*/
}
标题div{
边框：3倍纯红；
颜色：白色；
宽度：70%；
裕度：0.0.6em；
}
标题p{
颜色：黑色；
背景色：白色；
边框：3倍纯黑；
填充：6px；
}
报头电话{
颜色：白色；
背景色：黑色；
边框：3倍纯红；
填充：6px；
宽度：50%；
保证金：0.4em自动；
明确：两者皆有；
}
.成立{
宽度：25%；
浮动：左；
}
.奖励{
宽度：25%；
浮动：对；
}
.选项{
宽度：25%；
保证金：0自动；
}
点对{
背景色：黑色；
颜色：红色；
位置：绝对位置；
顶部：0.4em；
左：0.4em；
}
点左{
背景色：黑色；
颜色：红色；
位置：绝对位置；
顶部：0.4em；
右：0.4em；
}
/*主要内容*/
文章{
颜色：黑色；
背景色：白色；
文本对齐：左对齐；
宽度：65%；
保证金：0自动；
填充物：5em 1em 1em；
}
h3{
颜色：红色；
边缘：1米0.4米；
}
.菜单{
边缘：0.5em；
}
myo先生{
左边距：1米；
}
.名单{
边缘：0.2米；
}
/*页脚部分*/
页脚{
背景色：白色；
颜色：黑色；
边框：3倍纯黑；
填充：0.5em；
}

大J&rsquo；s深碟比萨饼
大J&rsquo；s深碟比萨饼
地道的芝加哥派

已建立

1974年
多伦多时报；最佳比萨店&rdquo

进餐、携带或要求送货
（416）555-3337
和#9755
和#9754
菜单
（价格小/中/大）
起动装置
大蒜面包条：$5.00

水牛翼：6.50美元

室内沙拉：$4.00
凯撒沙拉：$5.50

希腊沙拉：$6.00

深盘比萨饼
芝加哥经典：15/18/20美元

肉食爱好者；s:$18/22/25

希腊语：$16/19/22

素食者：$15/18/20

自己做（普通奶酪）：12/15/18美元
肉类：3/4/5美元

香肠、意大利香肠、火腿、加拿大培根

其他配料：2/3/4美元

蘑菇、洋葱、青椒、黑橄榄、新鲜西红柿、额外的奶酪、大蒜、凤尾鱼、新鲜菠菜、胡椒粉

圣约瑟夫街150号

多伦多，位于M5S2C3

（416）555-3337

我希望这就是您所指的。问题有很多，但最大的问题是

position:fixed

和

position:absolute

有一些奇怪的用法。这看起来像你给我们的屏幕截图（即，你可以看到“菜单”部分），但它将如何与你的书的其余部分，不幸的是，我不知道

/*
大J's深盘比萨饼样式表
文件名：styles.css
作者：Justus Self
日期：2017年2月10日
HTML5和CSS3图解单元D，技能回顾
*/
/*正文和页面容器*/
/*重置样式*/
文章
身体，
分区，
页脚，
标题，
h1，
h2，
H3P{
边界：0；
填充：0；
保证金：0；
}
.集装箱{
背景色：黑色；
文本对齐：居中；
最大宽度：640px；
保证金：0自动；
位置：相对位置；
}
/*标题*/
标题{
背景色：黑色；
宽度：100%；
最大宽度：640px；
位置：相对位置；
/*z指数：-1*/
}
标题div{
边框：3倍纯红；
颜色：白色；
宽度：70%；
裕度：0.0.6em；
}
标题p{
颜色：黑色；
背景色：白色；
边框：3倍纯黑；
填充：6px；
}
报头电话{
颜色：白色；
背景色：黑色；
边框：3倍纯红；
填充：6px；
宽度：50%；
保证金：0.4em自动；
明确：两者皆有；
}
.成立{
宽度：25%；
浮动：左；
}
.奖励{
宽度：25%；
浮动：对；
}
.选项{
宽度：25%；
保证金：0自动；
}
点对{
背景色：黑色；
颜色：红色；
位置：绝对位置；
顶部：0.4em；
左：0.4em；
}
点左{
背景色：黑色；
颜色：红色；
位置：绝对位置；
顶部：0.4em；
右：0.4em；
}
/*主要内容*/
文章{
颜色：黑色；
背景色：白色；
文本对齐：左对齐；
宽度：65%；
保证金：0自动；
填充物：5em 1em 1em；
}
h3{
颜色：红色；
边缘：1米0.4米；
}
.菜单{
边缘：0.5em；
}
myo先生{
左边距：1米；
}
.名单{
边缘：0.2米；
}
/*页脚部分*/
页脚{
背景色：白色；
颜色：黑色；
边框：3倍纯黑；
填充：0.5em；
}

大J&rsquo；s深碟比萨饼
大J&rsquo；s深碟比萨饼
地道的芝加哥派

已建立

1974年
多伦多时报；最佳比萨连锁店