在PC端的浏览器上,用如下的CSS设置,就可以将div固定在窗口底部:
position: fixed;bottom: 0;
但是这种设置在手机上浏览时,如果向下滚动视口,就会发现fixed的div并没有固定在底部,而是随着视口向上滚动了,这时就可以使用如下的解决办法:
在head中加这么一个声明:
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0 user-scalable=no">