html图片放置在底部居中,CSS：固定在底部并居中

小编典典

您应该使用这样的粘性页脚解决方案：

* {

margin: 0;

}

html, body {

height: 100%;

}

.wrapper {

min-height: 100%;

height: auto !important;

height: 100%;

margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */

}

.footer, .push {

height: 142px; /* .push must be the same height as .footer */

}

还有其他类似的东西。

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not

vertical margins (top and bottom) to add spacing, else those margins get added to total height

and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;} /* must be same height as the footer */

#footer {position: relative;

margin-top: -150px; /* negative value of footer height */

height: 150px;

clear:both;}

/* CLEAR FIX*/

.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;}

与html：

2020-05-16