1. 浮動式布局
float： left， right
清理：clear：left， both
何時選用浮動定位：
（1）距中布局
（2）橫向?qū)挾瓤砂俜直瓤s放
（3）需要借助margin，padding，border屬性
2.定位布局
（1）絕對定位：完全脫離了文檔流與浮動模型，獨立于其他對象而存在。
采用position：absolute進行top, right, bottom, left設(shè)置
出現(xiàn)元素重疊時，可以采用z-index屬性設(shè)置重疊的先后順序
（2）相對定位：就是浮動定位與絕對定位的擴展方式，它使得被設(shè)置元素保持與原始位置相對，并不破壞其原始位置的信息。
可以相對定位中使用絕對定位：jsfiddle.net/ru1rzvm2/
3.網(wǎng)站導航
（1）橫向?qū)Ш?/p>
給li元素設(shè)置float：left，并設(shè)置li里面的a標簽對象為display：block，設(shè)置寬度和高度，這樣就可以把一段文本變?yōu)橐粋€塊狀元素，從而設(shè)置他的外邊距，內(nèi)邊距，邊框等屬性。
（2）縱向?qū)Ш?/p>
可以使用div+h1+h2 ? ? ? ?jsfiddle.net/ru1rzvm2/4/
（3）下拉導航
橫向菜單：使用ul li，在li元素里再包含ul li ?jsfiddle.net/ru1rzvm2/6/
縱向菜單：利用relative+absolute來定位 ??jsfiddle.net/ru1rzvm2/7/
4. 背景屬性：
background: 背景色(background-color) ? ?背景圖片(background-image) ? ? 背景平鋪模式(background-repeat) ? ? ? ?背景滾動模式(background-attachment) ? ? 背景定位(background-position)
