1、新建一個html文件輸入兩個div標簽，接著使用style屬性，分別給div設置為絕對定位absolute和相對定位relative，讓他們其中全部向左移動20px，向上移動30px的距離：

2、然后保存文件打開瀏覽器看看效果，位置顯示還是比較明顯的：

3、最后解釋下這個結果，絕對位置就是對瀏覽器頁面左邊和頂部的距離，相對位置就是距離正常的標題的距離。以上就是css中絕對定位和相對定位的使用方法：