一、CSS佈局方式分類
[1].預設文件流方式：以預設的html元素的結構順序顯示
[2].浮動佈局方式：通過設定html的float屬性顯示,值：none不浮動、left物件向左浮動，而後面的內容流向物件的右側、right物件向右浮動，而後面的物件流向物件的左側(取消獨佔一行的行為，允許別人與其一行，其實是這個塊從文件流中分離出來，他之後的物件視它不存在)
[3].定位佈局方式：通過設定html的position屬性顯示
position設定物件的定位方式，
值：static(靜態定位，頁面中的每一個物件的預設值)
absolute(絕對定位,將物件從文件流中分離出來，通過設定left、right、top、bottom四個方向相對於父級物件進行絕對定位，如果不存在這樣的父級物件，則依據body物件)
relative(相對定位，物件不從文件流中分離出來，通過設定left、right、top、bottom四個方向相對於自身位置進行相對定位)
注意：當想使用相對於父元素的絕對定位時，必須要有兩個條件：
1.必須給父元素加定位屬性，一般建議使用：position：relative。(不指定時預設為body)
2.給子元素，加絕對定位position：absolute，同時要加方向屬性（left/right/top/bottom）.
3.絕對定位是以父元素為基準點進行定位(會脫離文件流)。相對定位是以其本身為基準點進行定位(離開原位置但是還佔據著位置，未脫離原文件流)。