<!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高度100%*/html, body, .wrapage { height:100%; }/*外框高度自動，最小高度100%，ie下高度100%*/.wrapage { height:auto; min-height:100%; _height:100%; background:#CCC; color:#fff; font-size:18px; text-align:center; }/*內容主體下padding 防止底部疊加*/.mainw { padding-bottom:80px; }/*底部相對定位，高度為主體的下padding,負margin值。*/.footer { position:relative; height:80px; margin-top:-80px; background:#eee; color:#fff; font-size:16px; text-align:center; }</style></head><body><p class="wrapage"> <p class="mainw"> <h1>頁面高度不滿，底部固定</h1> <p>頁面高度不滿，底部固定</p> <p>頁面高度不滿，底部固定</p> <p>頁面高度不滿，底部固定</p> <p>頁面高度不滿，底部固定</p> <br /> <p>頁面高度不滿，底部固定</p> <p>頁面高度不滿，底部固定</p> <p>頁面高度不滿，底部固定</p> <p>頁面高度不滿，底部固定</p> <br /> <p>頁面高度不滿，底部固定</p> <br /> </p></p><p class="footer"> <h1>頁面高度不滿，底部固定</h1> </p> </body></html>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
