真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

html怎么讓footer始終位于頁(yè)面的最底部不隨滾動(dòng)而滾動(dòng)-創(chuàng)新互聯(lián)

本篇內(nèi)容介紹了“html怎么讓footer始終位于頁(yè)面的最底部不隨滾動(dòng)而滾動(dòng)”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

成都創(chuàng)新互聯(lián)專注于平度企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城建設(shè)。平度網(wǎng)站建設(shè)公司,為平度等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站策劃，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

html代碼：

代碼如下:

第一種情況：footer隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)

代碼如下:

.container{position:relative;width:100%;min-height:100%;} .body{padding-bottom:50px;} .footer{height:50px;position:absolute;bottom:0px;left:0px;}

第二種情況:footer始終在其底部固定

代碼如下:

.container{position:relative;width:100%;min-height:100%;} .body{padding-bottom:50px;} .footer{height:50px;position:fixed;bottom:0px;left:0px;}

注意：

1.千萬(wàn)不能設(shè)置.container的高度為100%,否則將無(wú)法隨滾動(dòng)條的滾動(dòng)而滾動(dòng).

“html怎么讓footer始終位于頁(yè)面的最底部不隨滾動(dòng)而滾動(dòng)”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

http://weahome.cn/article/dhepej.html