国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

純css 實(shí)現(xiàn)footer 一直在頁(yè)面底部，不隨頁(yè)面滾動(dòng)

2024-07-11 08:30:37
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友

今天這個(gè)案例，我們希望footer一直在頁(yè)面底部，來(lái)看看解決方案吧

css

復(fù)制代碼
代碼如下:
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


復(fù)制代碼
代碼如下:
<div id="sticker">
<div id="stickerCon"></div>
</div>
<div id="footer">footer</div>

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 舞阳县| 景德镇市| 乐陵市| 内江市| 易门县| 巴林右旗| 井陉县| 虎林市| 孟村| 巴塘县| 周宁县| 正镶白旗| 杭锦旗| 常熟市| 涟源市| 白银市| 罗定市| 外汇| 东平县| 洛扎县| 旬阳县| 浑源县| 丰台区| 尤溪县| 洛阳市| 东阳市| 甘南县| 永修县| 新邵县| 惠州市| 桐城市| 滨海县| 基隆市| 阳朔县| 察哈| 南和县| 陵川县| 安西县| 白朗县| 泰顺县| 苏尼特右旗|