在網頁排版布局的時候，css相容性問題，相信是每個網頁製作人員最頭疼的問題，這裡僅僅分享下我個人的經驗。
網頁都可以分為3個部分，頭部(header)，主體部分(main)和腳注(footer)，為了避免出現大的相容性問題，可以在header和footer設定好高度，然後加上overflow:hidden; ，main部分則設定好寬度，同樣加上overflow:hidden;，這樣，起碼保證網頁的總體布局不會亂，主體部分分為左右邊欄，也可以適當加上overflow:hidden;避免出現大的相容性問題。
總體布局部分相容性問題解決了，接下來就是css初始化，一般都會加上如下屬性：
* 使得每個網頁元素之間的內外邊距都是零畫素，瀏覽器預設的內邊距和外邊距不同，這一項初始化是非常有必要的。
img 網頁中的設定邊框為0，有些瀏覽器預設是有邊框的，有些這認為沒有，為了安全統一設定為0，需要的話可以另外在類中設定。
body 設定預設字型樣式和網頁背景顏色，不是所有瀏覽器的預設背景顏色都是白色的
vertical-align:middle; 該屬性定義行內元素的基線相對於該元素所在行的基線的垂直對齊。允許指定負長度值和百分比值。這會使元素降低而不是公升高。在表單元格中，這個屬性會設定單元格框中的單元格內容的對齊方式。
到這一步，**建設中的大部分相容性問題都可以解決了，還有一些小細節就要參考css hack了。
DIV CSS排版經驗
然目前在公司相當忙，但是仍然有必要討論一下div css的問題。因為它已經不再是兩年前那個新鮮的名詞了。它正逐漸步入廣大傳統web開發 設計人員的視野。讓你使用div css排版 不是讓你用換個標籤然後再去按照 的方式去排版 而是做到內容與表現的分離 1 id用於標識頁面單獨元素以及持久行的結構性元...
DIV CSS經驗總結
1 網頁居中顯示 需要設定兩個地方，乙個是body，乙個是外邊框div。css body main 2 文字垂直居中顯示 在div中定義乙個行高與其高度相同即可。css title 在4 清除浮動 如果在同一行上有幾個div並列顯示，那麼必須在其中加入清除浮動 如果在一行上只是乙個div，好象不必清...
div css製作網頁經驗技巧集錦
讓你使用div css排版 不是讓你用換個標籤然後再去按照 的方式去排版而是做到內容與表現的分離。1 id用於標識頁面單獨元素以及持久行的結構性元素 方便js的呼叫 類用於標識同一頁面可重複定義使用的結構性元素 id與類的命名需與表現形式無關 leftcontent 而使用有意義的定義方式 side...