1.創(chuàng)建一個(gè)新的HTML文件,輸入兩個(gè)div標(biāo)簽,然后使用style屬性將div設(shè)置為absolute,最后解釋結(jié)果。絕對(duì)位置是到瀏覽器頁面左側(cè)和頂部的距離,相對(duì)位置是到正常標(biāo)題的距離。上面是如何在CSS中使用絕對(duì)定位和相對(duì)定位:
創(chuàng)新互聯(lián)建站主要從事成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)上杭,10多年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220div中什么情況下用絕對(duì)定位'和相對(duì)定位?求解?ID為a的元素使用相對(duì)定位,div寫在元素a中用于絕對(duì)定位。當(dāng)然,選擇其他地方進(jìn)行相對(duì)定位也是一樣的。只需控制好左上角的位置即可
絕對(duì)定位是確定相對(duì)于父標(biāo)簽的位置,這通常用于相對(duì)標(biāo)簽的定位。通常使用JS特效。
相對(duì)定位是相對(duì)于先前的相對(duì)定位。它一般用于浮動(dòng)定位標(biāo)簽,一般用于絕對(duì)定位。浮動(dòng)定位是常用的。我們來看一個(gè)例子:下面只說明IDname代表div的絕對(duì)位置:位置:絕對(duì)Ifbq1(絕對(duì)定位)外沒有div這樣的父標(biāo)簽,bq1將以body作為父標(biāo)簽。左邊距正文10像素,上邊距正文10像素。如果bq4(絕對(duì)定位)在bq3(相對(duì)定位)中,左邊距bq3為10像素,上面距bq3為10像素。相對(duì)定位:位置:相對(duì)bq2(相對(duì)定位)始終相對(duì)于上一個(gè)對(duì)等標(biāo)簽作為參考標(biāo)簽(bq1)。Bq3基于bq2。
css相對(duì)定位和絕對(duì)定位用于什么地方?設(shè)置相對(duì)定位后,它將相對(duì)于其所在文檔流的位置進(jìn)行定位。此時(shí),左上右下是相對(duì)于其原始位置設(shè)置的
絕對(duì)位置是相對(duì)于其祖先節(jié)點(diǎn)中已設(shè)置相對(duì)位置的容器設(shè)置的。如果祖先節(jié)點(diǎn)中沒有設(shè)置,則默認(rèn)值為body標(biāo)簽。設(shè)置其左上右下就是設(shè)置其在已設(shè)置相對(duì)定位的祖先節(jié)點(diǎn)的節(jié)點(diǎn)容器中的位置。例如,div1設(shè)置為相對(duì)定位,div2設(shè)置為絕對(duì)定位,div1包含div2div2,設(shè)置為top:10px;left:10px,位于div1區(qū)域中前10個(gè)像素的左側(cè)10個(gè)像素