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%高度
}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章