extraDiv的作用

在HTML有9個extraDiv

<div id="extraDiv0"></div>
<div id="extraDiv1"></div>
<div id="extraDiv2"></div>
<div id="extraDiv3"></div>
<div id="extraDiv4"></div>
<div id="extraDiv5"></div>
<div id="extraDiv6"></div>
<div id="extraDiv7"></div>
<div id="extraDiv8"></div>

extraDiv的作用是為了讓網頁的設計能夠更多元豐富才特別加上的，可由CSS來控制。 extraDiv0～8是個別存的它們不會被其他框架所影響，它們各自存在HTML不同的位置上，因此在使用不同的extraDiv網頁上也會出現在不同的地方。 如果它們無法出現在設計師想要的位置上可以用 position: absolute 把它們固定到想要的位置上。

實例如下：

#extraDiv1
{
 background: url(graphics/ha.gif) no-repeat top left;
 width:371px;
 height:361px;
 position:absolute;
 top:0px;
}

以上範例即是將楓葉(ha.gif)放在extraDiv1里固定於左上方

說明:將ha.gif放到extraDiv1里，使用position: absolute把它的位置固定在左上方，top:0px 表示extraDiv1的位置與網頁上方距離0像素，由於預設就是由左而右因此extraDiv1的位置會被固定在網頁左上方。結果如上圖。