1、)99 布（時間 1（252課程回顧（3 3本章目標（1 4內容概要（1 5新課內容（70關于頁面布局（10float)99 布（時間 1（252課程回顧（3 3本章目標（1 4內容概要（1 5新課內容（70關于頁面布局（10float（20 清除浮動（10clearie6overflow 超出（15visibility 可視（156課程總結（4 7作業布置（1 8CSS 布局課（無PPT） 建議時間：25課前回顧（PPT2）建議時間： 5詳見 本章目標（PPT3）建議時間： 1闡述本節課需要掌握的學習目標（詳見內容概要（PPT4）建議時間： 2新課內容關于CSS 布局課（無PPT） 建議時間

2、：25課前回顧（PPT2）建議時間： 5詳見 本章目標（PPT3）建議時間： 1闡述本節課需要掌握的學習目標（詳見內容概要（PPT4）建議時間： 2新課內容關于頁面布局（PPT56）建議時間： 15min 先讓大家看一個頁面，這是hao123都那 第三階段課程要學習的CSS3。那今要學習的就是在頁面布局中最為常用的float局。這節課學完后新課內容浮動屬性（PPT79）建議時間： 101）講解float屬那么給元素設置了 float 之后，元素應該按照怎么樣的規律去顯示呢？這里為了讓大家更容易理解 看到了 ppt 上的一個水槽，那積木。當沒有給元素（積木）設置float性時，水槽里是沒有水的，

3、元素按照正常的規律顯示在水槽里（即 果設置的是 會講到（接著帶著學float浮動，有三個屬性值，none、left、right。none動，leftright右新課內容clear（PPT1012）建議時間： 101）講解clear新課內容clear（PPT1012）建議時間： 101）講解clear最外層div960px15div，寬度高度都是192px；div6、div8、div9、div11 是div12新課內容overflow（PPT1314）建議時間： 151）講解overflow用新課內容visibility（PPT16）建議時間： 151） 講解visibility法visibil

4、ity3值。Visible、hidden、inherit3屬性值灰色，不常用，但要知道。Visible 指元素可見，默認值。Hidden 指元素不可見。Inherit 指繼承父元素可視性。見ppt 第14visible 指顯示超出內容，不剪切內容也不添加滾動條。hidden 指超出內容隱藏。auto 指默認屬性，在需要是剪切內容并添加滾動條。scroll示滾動條。另外 oveflow 還可針對元素的 x 軸方向和 y 軸方向設置相應屬性值。例如：overflow-x：scroll；見ppt11、12 頁 （帶著打代碼并講解clear值有4，none、left、right、both3ppt常使浮動元素。both素。2、具有float屬性的元素在 float 對行內屬float 之后能設置width 和height 屬性，并支持margin 和paddingfloat 對塊屬一容易把display 屬性和visibility屬。那一容易把display 屬性和visibility屬。那visibility（不顯示這里需要注意了如果設置了display:nonevisibility：hidden區別呢設置了Display:none