標籤：style blog http color 使用 os io ar
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><style>* { margin:0; padding:0; }div { width:100%; margin:0 auto; float:left; clear:both; }#header { height:300px; background:green; }#box_wrap { height:auto; }#box { height:900px; width:400px; background:blue; float:none; position:relative; top:-200px; }#footer_wrap { position:relative; height:auto; } /*提供一個錨點，高度為 0 */#footer { height:300px; background:yellow; position:absolute; top:-200px; } /* 需使用絕對位置 */</style><body><!-- box 使用相對定位，定位到header層之上。會留出一段空白。目標就是消除該段空白！ --><div id="header"></div><div id="box_wrap"> <!-- 用於 box 定位，有了這個，box 用 margin 置中才會生效！ --> <div id="box"></div></div><div id="footer_wrap"> <!-- 用於 footer 定位，從而能使 footer 緊接在 box 後面 --> <div id="footer"></div></div></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
