如何使用纯语义html+；css
我有这个html正文：如何使用纯语义html+；css,css,html,Css,Html,我有这个html正文： <body> <header> </header> <main> </main> <footer> </footer> </body> 如果页脚的主要部分大于浏览器的视口，如何使页脚粘到底部，使其不会覆盖主要部分？ 我只想在布局中使用css，而不想使用其他html元素。有多种方法可以做到这一点，请
<body>
<header>
</header>
<main>
</main>
<footer>
</footer>
</body>
我只想在布局中使用css，而不想使用其他html元素。有多种方法可以做到这一点，请看这里： 但这里有一个简单使用FLEX的快速任务：
正文{
显示器：flex；
最小高度：100vh；
弯曲方向：立柱；
}
主要{
弹性：1；
}
正文
正文
正文
正文
页脚文本
页脚文本
页脚文本
Flexboxflex-grow:1main这定义了弹性项在必要时增长的能力。它接受作为比例的无单位值。信息技术 指示flex容器内的可用空间量 这一项目应该讨论 如果所有项目的flex grow设置为1，则 容器将平均分配给所有儿童。如果其中一个 子项的值为2，剩余空间将占用两倍的空间 和其他人一样多的空间（或者至少它会尝试）
下面是一个工作示例：
html{
身高：100%；
}
正文{
身高：100%；
最小高度：100%；
}
标题{
背景：红色；最小高度：10%；
浮动：左；
宽度：100%；
}
主{
背景：黑色；
最小高度：80%；
浮动：左；
宽度：100%；
颜色：#ffffff；
}
页脚{
最小高度：10%；
浮动：左；
宽度：100%；
背景：蓝色；
}
qwe
qwe
页脚