将页脚保持在底部

大佬教程收集整理的这篇文章主要介绍了将页脚保持在底部，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决将页脚保持在底部？

我的代码中的页脚位于页面中间，我希望它动态移动到页面底部 .并且当我添加矩形时，页脚将移动到更多底部。 HTML：

<div ID="wrapper">

<header>
    <a href="index.HTML" ID="logo"></a>
</header>
<nav class="index_nav">
    <ul>
        <li ><a href="index.HTML">Layout 1</a></li>
        <li><a href="layout2.HTML">Layout 2</a></li>
        <li class="selected"><a href="Layout3.HTML">Layout 3</a></li>
    </ul>
</nav>
    <main class="Rectangles">
    </main>
<footer class="footer3">
</footer>
</div>

CSS：

.Rectangles {
    display: flex;
    flex-wrap: wrap;
    wIDth: 1000px;
    position: relative;
}

.Rectangles>section {
    cursor: pointer;
    height: 350px;
    wIDth: 333px;
}

.footer3 {
    position: relative;
    height: 48px;
    wIDth: 100%;
    background-color: #d6d6d6;
}

解决方法

s

大佬总结

以上是大佬教程为你收集整理的将页脚保持在底部全部内容，希望文章能够帮你解决将页脚保持在底部所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。