在沒有學習div之前，網頁佈局是件非常麻煩的事情，由於缺乏足夠多的規則對網頁的內容進行組織，因此，顯得十分麻煩。而div便是爲網頁佈局而生。div最大的特點便是可以進行任意的嵌套，並且嵌套的div之間互相獨立，互不影響，這便使得網頁中的內容相對位置不會發生改變。div有三種重要的位置方式（position）:relative, absolute和fixxed。其中需要注意的是，如果要使嵌套的div的postion生效，必須在它嵌套的上一層div中聲明position，三種方式皆可。另外，藉助於盒子模型，也能夠加深我們對於佈局的理解。如下圖（圖片來自於百度百科）：
圖1 盒子模型
實例效果：
圖2 網頁實例效果
代碼地址：https://github.com/JiasenLee/javaweb_in_action/tree/master/HTML實戰任務5作業