tml和body的高度并不一定相同，在內(nèi)容少的時候，body的高度要小于html，當(dāng)然這只會出現(xiàn)在body中的內(nèi)容所占的空間高度小于瀏覽器的視口高度的時候，此時html的高度大于body的高度。網(wǎng)頁中的元素都是以body最為參考，所以有必要保持html和body的高度相同。

CSS Code復(fù)制內(nèi)容到剪貼板

html,body{height:100%;}

第一種方法：在body中使用兩個容器，包括網(wǎng)頁的頁腳和另外一部分(container)。設(shè)置container的高度為100%；頁腳部分使用 負外邊距 保持其總是在最下方。

CSS Code復(fù)制內(nèi)容到剪貼板

html,?body?{

height:100%;

}

.fl?{

float:left;

display:inline;

}

#container?{

width:100%;

height:300px;

overflow:hidden;

height:100%;

border-bottom:70px#FFFFFFsolid;

}

.aside?{

width:30%;

}

.article?{

width:70%;

}

#footer{

height:50px;

width:100%;

clear:both;

margin-top:-50px;

border-bottom:1pxsolid#e0e0e0;

border-top:1pxsolid#e0e0e0;

}

XML/HTML Code復(fù)制內(nèi)容到剪貼板

fddfv

容量：24M/2G

總結(jié)

以上是生活随笔為你收集整理的在html用div怎样写页脚,使用div+CSS将页脚始终控制在页面最下方的方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。