Html 为什么不是'；div底部的footer标记是否正确？

伸缩和页脚问题

我希望它像照片一样 在我的div底部的页脚 我必须使用flex标签，我在这个网站上寻找解决方案，但没有找到一个适合我的代码 有人能帮我吗

我是CSS flex元素的初学者

.container{
显示器：flex；
左边距：10%；
}
.内容{
显示器：flex；
弯曲方向：立柱；
}
p{
单词包装：打断单词；
利润率：10px；
}
部分{
边框：6px固体rgb（231198106）；
边界半径：2px；
最大宽度：30%；
宽度：自动；
右边距：10px；
}
节>页脚{
背景色：红色；
边界半径：2px；
垫底：0px；
文本对齐：居中；
颜色：白色；
}
h1{
文本对齐：居中；
边际：0px；
}
标题>h1{
填充：15px；
背景颜色：橙色；
颜色：白色；
}

Mes文章
Mes文章
联合国条款

占总面积1/3的大面积环境中的一个剖面
。

页脚
第二条

潜力悬钩子。在这一点上，我们都很有尊严。位于suscipit码头的菲尼布斯多洛酒店。在麦格纳，在葡萄牙，佩伦茨克和纳拉。福斯·泰卢斯·埃吉特·朗卡斯·尤特，波特提托
欧盟侵权人。这是一辆汽车。使用维利特钻石、猫咪生命、尤兰姆科珀尼西调味品。莫里斯·普雷蒂姆·奥古斯·ac·维内纳蒂斯。整型坐在阿梅特或纳雷nunc。颞同侧菱形前庭。莫里斯
乌尔特里斯梅特斯酒店。不，我坐在那里。

页脚
第三条

潜力悬钩子。在这一点上，我们都很有尊严。位于suscipit码头的菲尼布斯多洛酒店。在麦格纳，在葡萄牙，佩伦茨克和纳拉。

页脚
sur 2对齐

您只需放置

对齐项：flex start在显示：flex的.container上

默认的对齐项目是“拉伸”，这就是“拉伸到底部”的原因

此外，您还可以探索
对齐项目：flex-end和
对齐项目：居中


.container{
显示器：flex；
左边距：10%；
调整项目：灵活启动；
}
.内容{
显示器：flex；
弯曲方向：立柱；
}
p{
单词包装：打断单词；
利润率：10px；
}
部分{
边框：6px固体rgb（231198106）；
边界半径：2px；
最大宽度：30%；
宽度：自动；
右边距：10px；
}
节>页脚{
背景色：红色；
边界半径：2px；
垫底：0px；
文本对齐：居中；
颜色：白色；
}
h1{
文本对齐：居中；
边际：0px；
}
标题>h1{
填充：15px；
背景颜色：橙色；
颜色：白色；
}

Mes文章
Mes文章
联合国条款

位于拉格乌尔1/3附近的查克路段
总的
在基础上附加部分。

页脚
第二条

潜力悬钩子。ac.萨皮安的尊严
波尔蒂托·乌纳。库拉姆苏西皮特菲尼伯斯杜洛酒店，
非特殊直径中间。Donec ante magna，interdum ac
porttitor ac，Pellentsque一个空值。Fusce tellus ex，
康格·埃吉特·朗库斯·乌特，欧盟侵权人港口。Sed车辆
十字勋章。Sed velit diam，lacinia
eget felis vitae，ullamcorper nisi调味品。莫里斯
维尼那提斯帝国前。整数位错
奥纳雷·努克。颞同侧菱形前庭。莫里斯等人
乌尔特里斯梅特斯。不，我是艾美·埃格斯塔斯·塞姆和亨德雷特
惯性矩。

页脚
第三条

潜力悬钩子。ac.萨皮安的尊严
波尔蒂托·乌纳。库拉姆苏西皮特菲尼伯斯杜洛酒店，
非特殊直径中间。Donec ante magna，interdum ac
porttitor ac，Pellentsque一个空值。

页脚
sur 2对齐
我认为
部分
应该是列
flex
容器，而
内容
应该是通过
flex-grow
扩展的内容：


.container{
显示器：flex；
左边距：10%；
}
部分{
显示器：flex；
弯曲方向：立柱；
}
.内容{
柔性生长：1；
}
p{
单词包装：打断单词；
利润率：10px；
}
部分{
边框：6px固体rgb（231198106）；
边界半径：2px；
最大宽度：30%；
宽度：自动；
右边距：10px；
}
节>页脚{
背景色：红色；
边界半径：2px；
垫底：0px；
文本对齐：居中；
颜色：白色；
}
h1{
文本对齐：居中；
边际：0px；
}
标题>h1{
填充：15px；
背景颜色：橙色；
颜色：白色；
}

Mes文章
Mes文章
联合国条款

占总面积1/3的大面积环境中的一个剖面
。

页脚