css中有float浮動屬性，參數分別爲left，right，none和inherit，意思分別爲左浮動，有浮動，不浮動和繼承父元素浮動屬性；
那浮動是什麼意思呢？浮動就是說這個元素飄起來了，假設你在直升飛機上向下看一座房子，這座房子一開始只有一層，所有房間都在最底層，這裏房子就是元素；
浮動一個元素就是這個房子移動到2樓了，不跟其他房子在一個樓層了，那面下面的房子就可以向上佔住浮動上來的元素的原來的位置，那你在飛機上看下去，浮動上來的二層的房子就會遮擋住部分一層的房子，這時候就可以用左浮動或者右浮動了；左浮動就是移動到二層的左面，右浮動就是移動到二層的右面；
絕對定位（position: absolute;）比較好說，就是相對屏幕左上角，設置top，left兩個值就OK了，但絕對定位之後就代表這個元素不在這個界面了，別的元素就可以佔他原先的位置；
相對定位（position: relative;）就是相對父元素來說，但是比如說有兩個子元素都相對父元素爲top10px，left10px，那麼第一個正常第二會在第一個子元素下面（緊挨着），並不會覆蓋第一個子元素
z-index就是在用定位之後，你想把重疊的頁面調整他們的上下位置的時候用，z-index值越大就在上面，z-index可以是負值