定位分爲相對定位，絕對定位，固定定位。
1:相對定位（relative）,元素設置了相對定位後,將會根據元素原來的位置進行偏移,會覆蓋其他元素的位置,元素本身的位置還佔據在文檔中。元素還存在於文檔流中。
2:絕對定位(absolute),元素設置了絕對定位後,元素將會脫離文檔流，不佔據空間，其他元素將會頂替它的位置。絕對定位相對於離元素最近的設置了定位的父級元素進行定位。加入父元素都沒有設置定位，則是相對於body進行定位。
3:固定定位（fixed),元素設置了固定定位後，元素相對於頁面左上角進行定位，且滑動頁面時，元素的位置不會移動。
4:父親元素設置了overflow:hidden屬性後，子元素寬度和高度如果超過父元素，超過部分將會被隱藏，默認overflow是none，子元素會超出父元素。如果父親元素設置了overflow:hidden屬性後，子元素還想可以保留本來的寬度和高度，這時候可以對子元素設置position:absolute,子元素將會超出父元素（by 夢姐老師），設置成相對定位是沒有效果的，因爲相對定位還是文檔流。
