1、ul li方法實現
<1> **如下：
<2> 總結知識點：
①float屬性
②css頁面布局：
●float（left，right，auto）
●display（block，inline，inline-block，listitem）
●overflow（auto，hidden，scroll，visible）
③css定位——position屬性
●position屬性規定元素的定位型別，定義建立元素布局所用的定位機制，任何元素都可以定位。
●position屬性值：
原位置（如圖所示）：
相對定位（如圖所示）：
絕對定位（如圖所示）：
*注：相對定位是「相對於」元素在文件中的初始位置，而絕對定位是「相對於」最近的已定位祖先元素，如果不存在已定位的祖先元素，那麼最近的已定位祖先元素是body
●包含塊
包含塊是標準布局中的乙個重要概念，它是絕對定位的基礎，包含塊是為絕對定位元素提供座標偏移和顯示範圍的參照物。在預設狀態下，body元素是乙個大的包含塊，所有絕對定位的元素都是根據body來確定自己所處的位置的。如果沒有自己定義的包含快，那麼所有絕對定位的元素都是根據body來確定自己的位置。 如果自己定義了包含快，那麼根據自己定義的包含塊來確定位置。
2、div方法實現
① **如下：
首頁home
課堂大廳course
學習中心learn
② 總結知識點（同上）
開發web前端 web前端 開發筆記
我是孟噠噠一名web前端開發工程師，今天給大家分享一下web前端是的一些筆記應用，希望對你們有幫助。物件導向是乙個開發思想，它把注意點都放到了物件上。物件導向強調的幾個概念 1 類 類是一批具備相同屬性和行為的事物的抽象，為什麼是抽象？因為不是具體的，也就是說不是實實在在存在的東西 看不見摸不著 2...
前端開發筆記（一）
1 js判斷字串是否為空 var str if str str 2 判斷checkbox是否被選中 js判斷checkbox是否被選中 var c document.getelementbyid protocl if c.checked jquery判斷checkbox是否被選中 3 js定時器se...
H5前端開發筆記（一）
用於首頁火柴效果與雲彩效果 經測驗css3的寫法可以完美實現幀動畫，儘管ie8及以下不支援，而使用jquery會有明顯的卡頓。webkit keyframes fire 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 84 88 92 96 100 fi...