絕對(duì)定位positionabsolute 相對(duì)于具有定位屬性的負(fù)元素 移動(dòng)相對(duì)定位positionrelative 相對(duì)于以前的位置移動(dòng)，偏移前的位置保留不動(dòng)，后面的元素繼續(xù)顯示在以前的文檔流中固定定位 positionfiexd 相對(duì)于瀏覽器；相對(duì)定位positionrelative 1它可以在四個(gè)方向分別或者同時(shí)進(jìn)行偏移 2定義時(shí)它的參照物是父元素沒(méi)有時(shí)為瀏覽器本身3偏移后元素的原來(lái)位置還是被占著，并沒(méi)有空出來(lái) 4當(dāng)父元素和子元素同時(shí)定義時(shí)，他們的參照物。

positionabsolute這個(gè)是絕對(duì)定位是相對(duì)于瀏覽器的定位比如positionabsoluteleft20pxtop80px這個(gè)容器始終位于距離瀏覽器左20px，距離瀏覽器上80px的這個(gè)位置positionrelative是相對(duì)定位，是相對(duì)于前面的容器定位；相對(duì)定位首先給div2使用 相對(duì)定位，用positionrelative來(lái)實(shí)現(xiàn)的，具體的代碼如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid。

普通文檔流中其這元素的布局就像絕對(duì)定位的元素不存在時(shí)一樣它相對(duì)于最近的已定位的祖先元素如果元素沒(méi)有已定位的祖先元素，那么它的位置相對(duì)于最初的包含塊根據(jù)用戶代理的不同，最初的包含塊可能是畫布事HTML元素因?yàn)榻^對(duì)定位；一相對(duì)定位 relative 1參照物為自身2相對(duì)定位只改變顯示的位置，而不會(huì)改變占用的空間位置3關(guān)于距離的正負(fù)值 二絕對(duì)定位 absolute 1參照物為具有定位屬性的父元素PS如果距離當(dāng)前最近的父元素不具有定位屬性。

絕對(duì)定位absolute將被賦予此定位方法的對(duì)象從文檔流中拖出，使用left，right，top，bottom等屬性相對(duì)于其最接近的一個(gè)最有定位設(shè)置的父級(jí)對(duì)象進(jìn)行絕對(duì)定位，如果對(duì)象的父級(jí)沒(méi)有設(shè)置定位屬性，即還是遵循HTML定位規(guī)則的，則。

html相對(duì)定位的特點(diǎn)

如果父級(jí)沒(méi)有設(shè)定position屬性，那么當(dāng)前的absolute則以瀏覽器左上角為原始點(diǎn)進(jìn)行定位，如果設(shè)置了父級(jí)的position屬性為relative相對(duì)定位，那么默認(rèn)依據(jù)父級(jí)的坐標(biāo)原始點(diǎn)為原始點(diǎn)，即父級(jí)容器的左上角配合TOPRIGHTBOTTOM。

1新建一個(gè)html文件輸入兩個(gè)div標(biāo)簽，接著使用style屬性，分別給div設(shè)置為絕對(duì)定位absolute和相對(duì)定位relative，讓他們其中全部向左移動(dòng)20px，向上移動(dòng)30px的距離2然后保存文件打開(kāi)瀏覽器看看效果，位置顯示還是比較明顯的。

當(dāng)子盒子絕對(duì)定位，父盒子絕對(duì)定位相對(duì)定位，則子盒子基于父盒子左上角定位。

left10px代表原來(lái)位置向右移動(dòng)10px right10px代表原來(lái)位置向左移動(dòng)10px bottom10px代表原來(lái)位置向上移動(dòng)10px，補(bǔ)充說(shuō)明一點(diǎn)原來(lái)位置是指不設(shè)置相對(duì)定位樣式所該處在位置研究一下，就明白了。

相對(duì)定位元素會(huì)相對(duì)于它在正常流中的默認(rèn)位置偏移 具體實(shí)現(xiàn)步驟如下 1設(shè)計(jì)一個(gè)html頁(yè)面，一個(gè)標(biāo)簽元素div或者ul里，放入多行數(shù)據(jù) 2設(shè)計(jì)最外層容器樣式文件 3設(shè)計(jì)每一行的樣式 4最后，設(shè)計(jì)靠右對(duì)齊的樣式 5此時(shí)頁(yè)面。

1將包含按鈕的父級(jí)標(biāo)簽設(shè)置為相對(duì)定位 d2 width500pxheight300pxbackground#positionrelative*設(shè)置相對(duì)定位* 2將按鈕設(shè)置為絕對(duì)定位，設(shè)置左邊的距離，頂部的距離 btn2 background#99ff00。

position relative 相對(duì)定位相對(duì)于其父級(jí)元素來(lái)定位生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位因此，quotleft20quot 會(huì)向元素的 LEFT 位置添加 20 像素absolute 絕對(duì)定位 ，通過(guò) top，left 樣式來(lái)絕定元素位置。

html相對(duì)定位和絕對(duì)定位

代碼就不寫了，思路就是當(dāng)瀏覽器滾動(dòng)到某個(gè)位置時(shí)改變?cè)氐膒osition屬性比如當(dāng)瀏覽器的scrollTop 500時(shí)，就改變?cè)氐膒ositionifscrollTop 500 = #39fixed#39 else。

小菜一碟，毛毛雨在你的ltbody中的整個(gè)代碼段外面再套一對(duì)ltdiv align=quotcenterquotltdiv標(biāo)簽，在ltbody中加入屬性style=quotmargintop 0pxquot就像這樣ltbody style=quotmargintop 0pxquot ltdiv align=quot。

1絕對(duì)定位 絕對(duì)定位指的是通過(guò)規(guī)定HTML元素在水平和垂直方向上的位置來(lái)固定元素，基于絕對(duì)定位的元素不會(huì)占據(jù)空間絕對(duì)定位的位置聲明是相對(duì)于已定位的并且包含關(guān)系最近的祖先元素如果當(dāng)前需要被定位的元素沒(méi)有已定位的祖先。