作者:纯洁的老宁同志 | 来源:互联网 | 2023-07-07 15:34
页脚空间位于页面中间,内页以及移动和桌面视图中。请参考内页。
网站:http://psikologecealbayrak.com
/* 10.0 ===== Footer ===== */
/* -- "Footer" section (These are the styles for the Footer section) -- */
.site-footer {
padding: 30px 0 0px;
}
.footer-branding:hover img {
opacity: 0.5;
transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.footer-branding {
margin-bottom: 15px;
}
.site-footer .widget-area {
clear: both;
padding: 75px 0 30px;
position: relative;
}
.widget-area .widget {
margin: 0 0 30px;
}
.widget-area .inline-social-icons{
padding-bottom: 20px;
text-align: center;
}
您可以尝试将页脚放置在页面底部的绝对位置。
将此添加到您的CSS
body{
padding-bottom: 60px;
}
.site-footer{
position: absolute;
bottom: 0;
}
,
尝试一下
footer{
position: absolute;
right: 0;
bottom:0;
left:0;
background-color: black;
color: #fff;
padding:10px;
font-size:16px;
text-align: center;
margin-top:0px ;
}
body {
position: relative;
min-height: 100vh;
}