CSS中position屬性用于指定元素的定位方法的類型staticrelativeabsolutefixedsticky靜態(tài)定位positionstatic此屬性未HTML元素默認(rèn)定位，一個(gè)元素沒有以任何特殊的方式定位，它總是按照頁面的正常流程定位在此屬性下，屬性值topleftrightbottom和zindex對(duì)HTML元素沒有影響ltdivclass=quot。

當(dāng)元素有給定的高度以及寬度的時(shí)候，使用 margin auto 元素僅會(huì)水平居中，并不會(huì)進(jìn)行垂直居中此時(shí)就需要設(shè)置元素的 position 為 absolute，父級(jí)元素的 position 為 relative，同時(shí)元素的上下左右都需要設(shè)置為 0HTML 代碼 div class=quotboxquot div class=quotcenter1quotdivdiv code CSS 代碼 box。

1首先設(shè)置要了解網(wǎng)頁頁面布局框架結(jié)構(gòu)，設(shè)定寬高和邊框，以及設(shè)置好class或者ID名稱2打開Dreamweaver CS5，點(diǎn)擊新建HTML3根據(jù)設(shè)定的網(wǎng)頁布局，設(shè)置div網(wǎng)頁結(jié)構(gòu)4添加div標(biāo)簽的class名稱，這里也可以使用ID類名5 編輯CSS控制div塊的寬高和背景6 這樣就可以讓子元素置于底部。

CSS中positionrelative與positionabsolute的主要區(qū)別 區(qū)別概述1 相對(duì)位置與絕對(duì)位置的區(qū)別在CSS中，`positionrelative`和`positionabsolute`的主要區(qū)別在于元素的定位方式`relative`是相對(duì)于元素原來的位置進(jìn)行定位，而`absolute`則是相對(duì)于最近的已定位的祖先元素進(jìn)行定位若無已定位的祖先元素，則。

當(dāng)你想要在HTML和CSS中調(diào)整字體位置，首先在Hbuilder編輯器中打開一個(gè)空白的HTML文件，構(gòu)建基礎(chǔ)結(jié)構(gòu)創(chuàng)建一個(gè)包含高度寬度和背景顏色的外層，并將文字包裹在標(biāo)簽內(nèi)，同時(shí)設(shè)定文字顏色記得保存文件，操作完成后你會(huì)在軟件右側(cè)預(yù)覽到初始效果接下來，關(guān)鍵步驟是改變定位將的position屬性設(shè)為#39relative#39。

positionabsolute的含義 在CSS中，position absolute是一種定位方式當(dāng)一個(gè)元素的position屬性被設(shè)置為absolute時(shí)，這個(gè)元素的位置將相對(duì)于其最近的已定位的祖先元素進(jìn)行定位如果沒有已定位的祖先元素，那么它會(huì)相對(duì)于初始包含塊進(jìn)行定位這意味著，你可以通過指定leftrighttop和bottom屬性，來精確地。

1static靜態(tài)定位默認(rèn)值元素在正常文檔流中，忽略定位聲明2relative相對(duì)定位元素脫離文檔流，但保持原有位置通過top， bottom， left， right定位3absolute絕對(duì)定位相對(duì)于第一個(gè)非static定位的父元素定位通過left， top， right， bottom定位4fixed固定定位相對(duì)于。

1文檔流不同 elative 不脫離文檔流，absolute 脫離文檔流2分級(jí)不同 elative 參考自身靜態(tài)位置通過 top上，bottom下，left左，right右 定位，并且可以通過zindex進(jìn)行層次分級(jí)absolute通過 top，bottom，left，right 定位選取其最近的父級(jí)定位元素，當(dāng)父級(jí) position 為 static 時(shí)，ab。

這個(gè)叫做絕對(duì)定位，還有一個(gè)叫做相對(duì)定位 這個(gè)absolute相對(duì)于誰，要看前面有沒有指定，如果沒有指定，那它相對(duì)于的就是頁面 如果它前面有個(gè)div或別的元素使用了相對(duì)定位的那個(gè)css我記不住，而在這個(gè)div里面又有個(gè)div使用了absolute，那這第2個(gè)div就相對(duì)于它的父元素了。