中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

CSS代碼:

下面是主要的CSS代碼，讓你的底部可以位于窗口的最下面:

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 150px;}  /* 必須使用和footer相同的高度 */
#footer {position: relative;
 margin-top: -150px; /* footer高度的負(fù)值 */
 height: 150px;
 clear:both;}

說明: 需要注意的就是#main的padding值、footer的高度和負(fù)margin值，需要保持一致。

就是這么簡單，不過還沒完。如果你的主體是使用懸浮布局，還得解決一些瀏覽器的兼容問題，這里使用的重點(diǎn)是為了Goolge Chrome。

對(duì)#main部份進(jìn)行著名的Clearfix Hack:

.clearfix:after {content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */注: 該方案測試于兩欄懸浮布局，兼容各大主流瀏覽器，包括Google Chrome。

P.S:

• 網(wǎng)絡(luò)上之前比較知名的footer布局有 Ryan Faits 創(chuàng)造的，不過它的方法在HTML代碼中會(huì)有一個(gè)空的div層。嚴(yán)格來說，是不符合語義網(wǎng)代碼標(biāo)準(zhǔn)的。
• 另外，還有一篇 Exploring Footers article from A List Apart ，但使用了一些JavaScript代碼。
• 這樣一比較，上面看似簡單的純CSS，就顯得偉大許多了。

OK, 沒有了。如果沒看懂，具體的使用方法和說明可以到 原站 查看。

本文鏈接：http://www.95time.cn/tech/web/2009/6451.asp　

出處：帕蘭映像
責(zé)任編輯：bluehearts

上一頁 完美的CSS絕對(duì)底部 [1] 下一頁

◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。