小编use*_*362的帖子

如何使用CSS制作粘性页脚?

我想将页脚放在页面底部.我试试这个

position: absolute;
left: 0;
bottom: 0;
height: 100px;
width: 100%;
Run Code Online (Sandbox Code Playgroud)

但我的页脚变得凌乱.我的网站是用WordPress制作的.如果可能的话,我不想为此使用任何插件.而且我只想使用纯CSS.

这里是CSS脚本

footer #bottom-footer{
background: none repeat scroll 0 0 #FFFFFF;
color: #000000;
border-top: 5px solid #F80000;
text-align: left;
padding: 9px;
font-size: 13px;
}
.footer-wrap a{
color:#000000;
}
.footer-wrap a:hover{
color:#F80000;
}
.footer-logo a {
margin-bottom: 6px;
display: block;
}
.footer-socials {
float: left;
line-height: 0px;
}
.footer-socials a {
border-radius: 100%;
color: #ffffff;
display: inline-block;
font-size: 14px;
height: 30px;
line-height: 30px;
margin-left: 3px;
text-align: center;
vertical-align: middle;
width: …
Run Code Online (Sandbox Code Playgroud)

css sticky-footer

6
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×1

sticky-footer ×1