<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>footer始終居于底部</title><style type="text/CSS">* { margin:0; padding:0; }body { font:14px/1.8 arial; }html, body, .wrap { height:100%; }.wrap { height:auto; min-height:100%; _height:100%; background:#CCC; color:#fff; font-size:18px; text-align:center; }.main { padding-bottom:80px; }.footer { position:relative; height:80px; line-height: 80px; margin-top:-80px; background:#333; color:#fff; font-size:16px; text-align:center; }</style></head><body><div class="wrap"> <div class="main"> <h1>七七事變祭</h1> <p>中華民族創(chuàng)輝煌，</p> <p>倭寇菲傭心中慌。</p> <p>為虎作倀傍老美，</p> <p>東海南海滋事狂。</p> <br /> <p>歷史潮流不可擋，</p> <p>中華兒女當(dāng)自強。</p> <p>警鐘長鳴記國恥，</p> <p>發(fā)展經(jīng)濟(jì)強國防。</p> <br /> <p>七七事變77周年，勿忘國恥，振興中華！！！</p> <br /> </div></div><div class="footer"> <h1>頁面高度不滿，底部固定</h1></div></body></html>
新聞熱點
疑難解答
