Html my标记中的文本位于my标记中，无法确定如何在我的页眉和页脚之间获取它

我试图建立基本的网站，我有问题，在主标签与标题标签重叠的文本。我以前创建过其他简单的网页，我从来没有遇到过这个问题，我以为标签中的文本会自动放在标题下面？我的印象是HTML页面是这样的：

Header
Main
Footer

.标题导航{ 浮动：对； 列表样式：无； 边缘顶部：10px； } .行{ 最大宽度：1200px； 保证金：自动； } .头导航李{ 显示：内联块； } .标题导航李a{ 颜色：黑色； 文字装饰：无； 填充：25px； 25px； 字体系列：Verdana，无衬线； 字体大小：14px； } .收割台导航李激活a{ 边框：1px纯白； } .标题导航李a：悬停{ 边框：1px纯白； } .dota2icon img{ 宽度：150px； 高度：自动； 浮动：左； } .正文{ 字体系列：Verdana，无衬线； 宽度：1200px； 左边距：0px； 边际上限：0px； } h1{ 颜色：黑色； 文本转换：大写； 字体大小：24px； 文本对齐：左对齐； } .页脚{ 位置：绝对位置； 右：0； 底部：0； 左：0； 填充：1rem； 背景色：EFEF； 文本对齐：居中； } Dota 2指南 测试测试

.header nav向右浮动，这意味着所有跟随它但未清除它的内容将在它旁边冒泡

---

看清楚。或者看看不使用浮点布局，我们现在有Flexbox和Grid。

只需将两者都添加到主布局中即可解决问题。。。 在css中添加

main{
    clear: both;
}

工作样本

.标题导航{ 浮动：对； 列表样式：无； 边缘顶部：10px； } .行{ 最大宽度：1200px； 保证金：自动； } .头导航李{ 显示：内联块； } .标题导航李a{ 颜色：黑色； 文字装饰：无； 填充：25px；25px； 字体系列：Verdana，无衬线； 字体大小：14px； } .收割台导航李激活a{ 边框：1px纯白； } .标题导航李a：悬停{ 边框：1px纯白； } .dota2icon img{ 宽度：150px； 高度：自动； 浮动：左； } .正文{ 字体系列：Verdana，无衬线； 宽度：1200px； 左边距：0px； 边际上限：0px； } 主要{ 明确：两者皆有； } h1{ 颜色：黑色； 文本转换：大写； 字体大小：24px； 文本对齐：左对齐； } .页脚{ 位置：绝对位置； 右：0； 底部：0； 左：0； 填充：1rem； 背景色：EFEF； 文本对齐：居中； } Dota 2指南 Dota 2指南 测试测试

若你们对静态高度没问题，你们可以简单地设置它

header {
  height: 50px;
}

您的页脚是fo类页脚，而不是标记。