因為加了這個屬性之後，元素li就變成了絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。因此，四個li都定位到了左上角，就產生了重疊的現象。注意，定位會覆蓋掉css程式碼中的：float:left;讓其失效。【position：absolute 】用法：將物件從文件流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊透過css z-index屬性定義。此時物件不具有邊距，但仍有補白和邊框。不要忘記使用left、right、top、bottom的配合定位具體位置。絕對定位如果父級不使用position:relative，而直接使用position:absolute絕對定位，這個時候將會以body標籤為父級，使用position:absolute定義物件無論位於DIV多少層結構，都將會被拖出以

為父級（參考級）進行絕對定位。擴充套件資料：【position:relative】和【position：absolute 】的差異。

1、對文件流的影響relative：相對於原來位置移動，元素設定此屬性之後仍然處在文件流中，不影響其他元素的佈局。absolute：元素會脫離文件流，如果設定偏移量，會影響其他元素的位置定位。

2、定位原理absolute：在父元素沒有設定相對定位或絕對定位的情況下，元素相對於根元素定位（即html元素）（是父元素沒有）。relative：定位是相對於自身位置定位（設定偏移量的時候，會相對於自身所在的位置偏移）