在靜態網頁的編寫中基本上都對布局的應用。
概念問題說著容易，在實際操作的情況中網頁比較複雜，考慮的問題應該比較全面。可以先畫乙個框架圖，對各個板塊的長寬踐行計算再寫起來會更容易些。
1.對div的位置和大小進行布局
我們可以將其假想為乙個矩形格式的模型，矩形模型如下圖所示:
矩形模型主要包括三大屬性，正如圖上所示,margin,border,padding,(圖中的尺寸則為自己設定的模組的weight和height).
margin: 元素邊界和其他內容的空白距離，即外邊距，分為上下左右四個方向可根據網頁需要任意設定。
border：設定 邊框寬度，邊框樣式，邊框顏色等。
padding：內部元素和邊框之間的空白距離，即內邊距，也分為上下左右四個方向，根據網頁需要任意設定。
2.在div中插入
在此實踐過程中並沒有什麼難度，主要是對檔案的路徑設定，如果不當則很可能不能匯入。
(1)新建乙個資料夾,將你在使用過程中所要用到的放入此資料夾images。
(2)將html檔案，css檔案，以及你新的資料夾images放在同乙個資料夾下。
(3)在**中呼叫，eg: images/檔名即可。
3.div中顏色的設定
背景顏色，字型顏色都可以參考css種顏色表進行設定。
4.div中的其他標記屬性
(1)position定位方式
(2)float:可以設定位於當前div的位置，left，right.
(3)clear:清除在某元素left或right的元素。
(4)z-index：一般情況下取正整數，數字大的會覆蓋在數字小的上面。
5.對div中各個標籤的定義
在寫**過程中會遇到很多對元素的命名，為了減少**的長度，在我們寫之前，可以先對網頁進行乙個大致的了解，找出對屬性設定一致的一些地方，在對其設定時給其相同的命名，則可以避免**大量的重複。
css中的div布局之巧用div
新手在頁面布局時往往很依賴div來分割頁面，例如下面這個頁面 這是乙個聊天的頁面，頁面有頭像，id，聊天內容以及時間。看到這個頁面我的第一思路是用三個div來進行操作。首先乙個大的div，在大的div中分左右兩個子div，然後在左div中新增，右邊的div中新增文字資訊。如下 talk body d...
css布局中的div居中問題
如何使div居中 主要的樣式定義如下 body center 說明 首先在父級元素定義text align center 這個的意思就是在父級元素內的內容居中 對於ie這樣設定就已經可以了。但在mozilla中不能居中。解決辦法就是在子元素定義時候設定時再加上 margin right auto m...
CSS 巢狀DIV布局
巢狀div布局，會牽扯到css的position屬性 如果內層div將position屬性設定為absolute，並設定left，和top等屬性，還需要考慮外層div的position屬性設定。absolute absolute絕對定位，直接指定top left right bottom。有意思的是...