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

首頁 > 開發 > CSS > 正文

讓頁腳緊貼頁面底部的CSS代碼

2024-07-11 08:46:00
字體:
來源:轉載
供稿:網友
怎么使用Sticky Footer代碼

介紹

Google一下可以找到很多讓頁腳緊貼頁面底部的方法,我試過其中的很多,但他們總會在某些方面存在一些問題。之所以有這些問題,可能是因為出現了更新版本的瀏覽器。一些方法因為太過久遠,原本在老版本瀏覽器可以正常工作,卻不再適用更新之后的版本。也因為這些頁面太過久遠,過去曾被大量鏈接過,所以在Google的結果中排名很高。這樣,一些網站管理員在搜索sticky footer方案的時候,對搜索出的結果都很撓頭,因為排在搜索結果前列的方法都有這樣那樣的問題。
眾所周知的是Ryan Fait的方案,它的確工作的很好。但是,它必須要單獨寫一個沒有內容的div,來提供額外的"push"。對HTML語義要求嚴格的人可以說代碼這么寫是不符合規范的,我們的方案不用附加的div。
將要介紹的Sticky Footer方案是建立在Exploring Footers article from A List Apart成果的基礎上,并受到Cameron Adams和this piece at lwis.net工作的啟發。在Google Chrome和其他瀏覽器中,當你縮放窗口的時候,頁腳會浮上來。該方案會應用一種Clear fix hack方法,把頁腳固定在適當的位置上,這種方法同時也解決了頁面布局是兩列或三列懸浮可能會帶來的問題。在超過50種以上的瀏覽器測試中,它都能很好的工作。

HTML 代碼

下面是HTML代碼的基本結構,footer標簽在wrap標簽的外面。


復制代碼
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阜平县| 缙云县| 蒙山县| 神池县| 增城市| 阜阳市| 富川| 多伦县| 保定市| 上栗县| 游戏| 南丰县| 类乌齐县| 淄博市| 灵川县| 会东县| 乌苏市| 永济市| 房产| 方城县| 仁化县| 深州市| 西峡县| 赤城县| 阿拉尔市| 长丰县| 寻乌县| 湖北省| 连南| 公安县| 乡城县| 大关县| 温宿县| 镇宁| 崇明县| 上饶县| 公安县| 攀枝花市| 武邑县| 克东县| 封丘县|