Html 页脚不能位于侧边栏下方

嗨，嗯，我怎么把页脚放在我的侧导航下面，它对我的页眉有效，但我不知道如何对实际的页脚有效

---

也很抱歉，呃，还有一个问题，我怎么才能让文字像小屏幕一样显示出来呢？由于侧导航位于页面底部，但文字不显示

您缺少一些匹配的标签，因此请始终对此感到厌倦，如果您指的是以下内容，您可以执行以下操作：

您可以创建新的导航项目

元素：

   <li class="nav-item">
     
          Copyright © 2021 My Portfolio
          
     </li>

二级网站开发页面
























版权所有©2021我的作品集


主页

现在，您的页脚包含在您的

main

标记中：

          <main>
      
            <section>
              <article>
      
                <h1> Homepage </h1>
      
                <p> ......................... </p>
      
              </article>
            </section>
      
            <div class="footer">
              <footer>
                <p>Copyright © 2021 My Portfolio</p>
            </div>
      
          </main>

---

我无法得到你所要求的。这是你期待的吗

*，*：之前，*：之后{
框大小：边框框；
}
身体{
利润率：40像素；
背景色：#fff；
颜色：#444；
}
h1，p{
边际：0.01米0；
}
.包装纸{
最大宽度：940px；
利润率：0.20px；
显示：网格；
栅隙：10px；
}
@媒体屏幕和屏幕（最小宽度：500px）{
/*没有网格支持*/
.侧边栏{
浮动：左；
宽度：19.1489%；
}
.内容{
浮动：对；
宽度：79.7872%；
}
.包装纸{
保证金：0自动；
网格模板柱：1fr 3fr；
}
.页眉，.页脚{
网格柱：1/-1；
/*浮动布局所需的*/
明确：两者皆有；
}
}
.wrapper>*{
背景色：#444；
颜色：#fff；
边界半径：5px；
填充：20px；
字体大小：150%；
/*浮动布局所需的*/
边缘底部：10px；
}
/*我们需要将浮动项上使用的宽度设置回“自动”，并删除底部边距，就像有网格时有间隙一样*/
@支持（显示：网格）{
.wrapper>*{
宽度：自动；
保证金：0；
}
}

我的头球
边栏
2列、页眉和页脚
此示例使用基于线的定位来定位页眉和页脚，并将它们跨网格拉伸

我的页脚

啊，我现在明白了，非常感谢！谢谢你的帮助，比勒斯@JazmineCz如果这有助于你不要忘记投票/接受答案：）是的，有人已经解释过了，但是非常感谢你的帮助，非常感谢^_^

          <main>
      
            <section>
              <article>
      
                <h1> Homepage </h1>
      
                <p> ......................... </p>
      
              </article>
            </section>
          </main>

          <div class="footer">
            <footer>
              <p>Copyright © 2021 My Portfolio</p>
          </div>