css中，絕對(duì)定位和相對(duì)定位是什么意思?通常都是怎么用？1. 創(chuàng)建一個(gè)新的HTML文件，輸入兩個(gè)div標(biāo)簽，然后使用style屬性將div分別設(shè)置為絕對(duì)定位和相對(duì)定位，這樣所有div都可以向左移動(dòng)20

css中，絕對(duì)定位和相對(duì)定位是什么意思?通常都是怎么用？

1. 創(chuàng)建一個(gè)新的HTML文件，輸入兩個(gè)div標(biāo)簽，然后使用style屬性將div分別設(shè)置為絕對(duì)定位和相對(duì)定位，這樣所有div都可以向左移動(dòng)20px，向上移動(dòng)30px:

2。然后保存文件并打開(kāi)瀏覽器查看效果，位置顯示仍然很明顯：

3。最后解釋結(jié)果，絕對(duì)位設(shè)置是指瀏覽器頁(yè)面左側(cè)和頂部之間的距離，相對(duì)位置是指與正常標(biāo)題之間的距離。以上是如何在CSS中使用絕對(duì)定位和相對(duì)定位

絕對(duì)定位有兩個(gè)概念：第一個(gè)是衛(wèi)星絕對(duì)定位，第二個(gè)是CSS定位中的絕對(duì)定位

絕對(duì)定位是將元素的左上角固定到瀏覽器窗口中指定且唯一的坐標(biāo)點(diǎn)，如左：100px頂部：50px表示元素的左側(cè)與瀏覽器窗口的左側(cè)相距100個(gè)像素，而上部元素的側(cè)面距離瀏覽器窗口100像素，嘴巴上方50像素。相對(duì)定位是相對(duì)于原位置平移后得到一個(gè)新的位置，即根據(jù)原位置確定新的位置，如左：10px頂部：20px是將元素向右移動(dòng)10像素，向上移動(dòng)20像素。比如在地球上，我們用經(jīng)緯度來(lái)確定一個(gè)點(diǎn)的位置，這是絕對(duì)定位，而像“東南15公里”這樣的點(diǎn)是相對(duì)定位。