css中的幾種定位的區別

這是沒有加任何定位的文檔流 1、直接上圖看效果，下面這張圖是給紅色div設置了position：absolute  絕對定位，你也看到絕對定位使紅色div脫離了文檔流。 2、現在給紅色的div 設置相對定位 position：relative 從下圖可以看出紅色div並沒有脫離文檔流，我們可以給此時的紅色div加一個float：left這時候我們可以看到加了float的相對定位和絕對定位效果是一樣

>>阅读原文<<