国产探花免费观看_亚洲丰满少妇自慰呻吟_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標簽的外面。


復制代碼
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 梅河口市| 马山县| 临沧市| 蚌埠市| 宁远县| 新化县| 高淳县| 叙永县| 鄂托克旗| 纳雍县| 酉阳| 崇明县| 溧水县| 乌海市| 宁城县| 北碚区| 东明县| 右玉县| 清镇市| 晋江市| 若尔盖县| 兰州市| 湖北省| 阳城县| 隆尧县| 洪江市| 浏阳市| 阳西县| 安康市| 永安市| 云和县| 澜沧| 华亭县| 维西| 福建省| 顺平县| 沧州市| 吉木萨尔县| 三明市| 沂源县| 吉安县|