純css 實現(xiàn)footer sticker

wanghui 發(fā)布于2019-08-28 17:52 / 1752人閱讀

希望footer一直在頁面底部

css

html, body, #sticker {height: 100%;}
    body > #sticker {height: auto; min-height: 100%;}
    #stickerCon {padding-bottom: 40px;} 
    #footer {margin-top:-40px; height: 40px; width: 100%; text-align: center; line-height: 40px; color: #ABA498; font-size: 12px; background: #fafafa; border-top:1px solid #E7E7E7;}

html


    

footer

云服務器 GPU云服務器 footer，css 純CSS sticker JS輕松實現(xiàn)CSS設置

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/110860.html

相關(guān)文章

sticker-footer 布局

摘要：嵌套層級不深，可直接繼承自我是內(nèi)容我是腳為本身高度為本身高度嵌套層級很深，無法直接從上級繼承百分比高度的第一種方法給需要的創(chuàng)建一個我是內(nèi)容我是腳這樣就可以直接從繼承百分比高度了當高度超過時產(chǎn)生滾動條繼承自內(nèi)部包裹的結(jié)構(gòu)，就 sticker-footer 1、嵌套層級不深，可直接繼承自 body width：100%； height:100%; // html ...

187J3X1 2019-08-30 13:49 評論0 收藏0
footer固定在頁面底部的實現(xiàn)方法總結(jié)

摘要：方法二高度固定負值代碼頭部中間內(nèi)容底部信息代碼此方法把之前的元素放在一個容器里面，形成了和并列的結(jié)構(gòu)首先，設置的高度至少充滿整個屏幕其次，設置最后一個子元素的值大于等于的值最后，設置的值和負值。方法一：footer高度固定+絕對定位 HTML代碼：頭部中間內(nèi)容底部信息 CSS代碼： *{ margin:0; padding:0; } h...

longshengwang 2019-04-23 13:08 評論0 收藏0
Web前端常用代碼筆記整理（01）

摘要：第二段代碼如下修改就可以了改這一行其實你的本質(zhì)問題就在于誤認為是數(shù)組對象，然而它是構(gòu)造函數(shù)。它繼承自構(gòu)造函數(shù)被執(zhí)行。故視為兩個字符串的拼接，結(jié)果為字符串，其長度為。 1.[] 和 Array 調(diào)用 slice 方法引起的問題問題表示：在某些場景下，需要將函數(shù)的 arguments 參數(shù)作為一個數(shù)組調(diào)用，但是 arguments 是一個奇異對象，所以試著將 arguments 轉(zhuǎn)化為一...

jas0n 2019-08-21 10:42 評論0 收藏0
基于jQuery的頁面便簽插件--一個可以任意拖拽，保存，刪除，導入，定制顏色的頁面便簽

摘要：去年寫的一個插件，前幾天看還挺好玩的。可以在頁面上給用戶提供任意拖拽的便簽功能，并且便簽可以保存和導出之前保存過的便簽。希望你的應用可以用得到。去年寫的一個插件，前幾天看還挺好玩的。可以在頁面上給用戶提供任意拖拽的便簽功能，并且便簽可以保存和導出之前保存過的便簽。希望你的web應用可以用得到。這里是demo這里是github 插件功能點擊右上方的藍色+按鈕，可以在頁面中添加一個...

HollisChuang 2019-08-20 18:00 評論0 收藏0