以下的內容是一位網友的div css編碼筆記，是值得大家學習的，在實際工作與開發中，將工作中的點滴記錄下來，回首這些過往，你也會收穫很多，如果能在jb51.net與大家共同交流，相信進步就更快了。大家一起努力！
最近在做乙個魔術網的div css切割，昨晚發現了長期以來一直無記錄下來的問題！關於相容ie跟ff的float屬性。趁現在還清醒趕緊記下筆記先：
一、併排在一行的兩個div樣式有這種情況：ie或者ff下對於子div設定float左的時候，如果另外的子程式設計客棧div沒有設定float左的話，兩個瀏覽器下會有區別，具體有乙個會產生間隙。相容做法就是都設定float屬性程式設計客棧。但是記住有設定過float就要將float clear掉，不然下面的div會疊在已float的div上。我通常把清除浮動寫成單獨的
放在所有浮動div的最下方。
二、在上述1情況中需要程式設計客棧設定子div的寬度，假如不設定的話子div的寬度會被預設為母div的100%，這樣float根本就產生不了效果。當然還可以用display:inline的方法讓兩個子div併排,但是這樣程式設計客棧的話div的寬度設定將會失效（要把子div撐大只能考裡面的元素）。
三、ie中母div被設定成特定高度之後，假如裡面的子div高度（有float的話就以清除float的div的最底為總高度）超過了母div設定的高度,ie會自動把母div撐大，但是ff卻不能，ff中母div的高度會依然，裡面的子層會溢位到外面來。相容方法：不要設定程式設計客棧母層高度。
本文標題: div css製作網頁實戰筆記心得
本文位址:
DIV CSS網頁製作開發流程
一 有網頁效果圖 1 分析網頁效果圖 找出效果圖結構規律 3 在photoshop把切成較小的gif jpg或png格式，根據網頁效果來選擇格式型別 5 開始建立html檔案與css檔案，這裡可以用每次新開發的網頁模板 css與html模板 6 根據網頁效果圖製作開發網頁 在製作中要除錯和檢查相容 ...
div css製作網頁經驗技巧集錦
讓你使用div css排版 不是讓你用換個標籤然後再去按照 的方式去排版而是做到內容與表現的分離。1 id用於標識頁面單獨元素以及持久行的結構性元素 方便js的呼叫 類用於標識同一頁面可重複定義使用的結構性元素 id與類的命名需與表現形式無關 leftcontent 而使用有意義的定義方式 side...
網頁布局基礎筆記1 DIV CSS
div css 1.css的三種位置 1.內嵌樣式表 inline css 即使用style標籤直接在html元素中建立樣式,如內嵌樣式 2.使用style元素定義css樣式,再用class 呼叫所定義的樣式.內部樣式表 internal css 常在head中 如 定義樣式 呼叫樣式 第一段 3....