热搜：编程 Python 编程语言 Microsoft C++

footer 贴在底部的布局如何实现代码

发布时间：2023-03-12 04:54:14 来源：互联网

.

竹子是花中君子，高雅挺立；竹子是心灵支柱，坚韧不拔；竹子是勉励之歌，节节攀升！

footer位置自适应

复制代码

代码如下:

复制代码

代码如下:

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;} /* 必须使用和footer相同的高度 */
#footer {position: relative;
margin-top: -150px; /* footer高度的负值 */
height: 150px;
background: #ddd;
clear: both;}
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

到此这篇关于footer 贴在底部的布局如何实现代码就介绍到这了。边学边问，才有学问。更多相关footer 贴在底部的布局如何实现代码内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签： footer