CSS布局:讓頁底內(nèi)容永遠固定在底部
- 作(zuò)者:admin
- 發表時(shí)間(jiān):2013-07-02 14:17:23
- 來(lái)源:未知
我們在設計(jì)一些(xiē)頁面內(nèi)容甚少(shǎo)的網頁時(shí)(典型應用就是登陸頁面),由于顯示器(qì)的分辨率大(dà),在正常情況下,假如頁面內(nèi)容高(gāo)度小(xiǎo)于浏覽器(qì)高(gāo)度時(shí),頁面底部以下會(huì)留下很(hěn)大(dà)的空(kōng)間(jiān),如:http://www.helloweba.com/demo/cssfooter/demo1.html
不管浏覽器(qì)的高(gāo)度怎麽變化,我們要想讓頁底內(nèi)容始終固定在底部,最終效果如:http://www.helloweba.com/demo/cssfooter/demo2.html
本文提供了一個(gè)CSS解決方案。
XHTML
主體(tǐ)
CSS
注意,以上(shàng)代碼在IE6上(shàng)根本不起作(zuò)用,必須使用以下代碼來(lái)解決IE6下的BUG。
聯系我們
一切良好工作(zuò)的開(kāi)始,都需相互之間(jiān)的溝通(tōng)搭橋,歡迎咨詢。