首先要提到的是元素的分類：
元素型別
特徵元素
塊元素主要特徵是會產生換行效果，自動與其他元素分離成兩行，通常可以作為容器的內部新增其他元素
h1~h6;hr;ul;ol;p;table…
內聯元素
不會產生換行效果，會和其他元素併聯排列
b;i;br;img;…
div元素和布局
div元素是通用的塊元素，內部可以包含其他各種元素包括其他div元素，並且可以通過css設定樣式來完成複雜的頁面的布局。其中會用到float-屬性，其作用是為了讓div元素中的內容在某乙個位置浮動，float常跟屬性值left、right、none，float:none 不使用浮動，float:left 靠左浮動，float:right 靠右浮動。
標題
導航欄內聯框架
布局尾部
DIV的相對布局和絕對布局
position relative 相對定位 使用position relative，就需要top,bottom,left,right4個屬性來配合，確定元素的位置。如果要讓div 1層向下移動20px,左移40px example div 1 如果用到相對定位，緊隨他的層divafter是不會出現...
網頁布局 div
簡單的網頁布局 注釋就不寫了，看看就懂了，不懂看前面的兩個博文都有詳細講解 效果圖 網頁布局.html charset gb2312 網頁布局title rel stylesheet href style.css type text css head id first 導航div id second...
關於div布局
div布局與定位 div是乙個萬能的盒子，而且相對以 來說較為靈活，在布局方面前天一般用div布局 因為前端要盡量美觀，符合客戶要求 後端用table布局也較為常用 簡潔明瞭 對於布局來說div只是乙個塊級標籤，之所以能布局是基於多個css屬性。通過css來操縱盒子的大小形狀，位置，樣式，色彩，背景...