HTML中footer一直沉底的最常用解决办法

想让footer沉底,肯定要让body中的内容填满整个屏幕,但是屏幕的高低又不能给一个具体的像素值,这样的话就想到了让body元素的高度100%,然后让footer相对于body来绝对定位,bottom:0px;这样就可以了,不过为了有些浏览器的兼容,最好用两个方向来定位,比如加个left值。但是别忘了让footer的width:100%;最好给个固定的高度。下面直接展示代码。

footer {
  bottom: 0px;
  left: 0px;
  color: #666;
  width: 100%;
  clear: both;//清除浮动
  line-height: 90px;
  background-color: #ebebed;
}
body {
  font-family: "Microsoft YaHei" ! important;//字体
  min-height: 100%;//最底高度为页面的100%高度
}


你可能感兴趣的:(web前端取经路上)