1、想要固定div在網(wǎng)頁(yè)中指定的位置，可以加一個(gè)CSS屬性div positionabsolute絕對(duì)定位，這個(gè)是隨頁(yè)面走動(dòng)的，可以換成fixed，不隨頁(yè)面走動(dòng) left0 top0 zinde width1440px height；y也有三個(gè)值top上，center中，bottom下用來(lái)設(shè)置垂直位置兩個(gè)屬性值得中間一定要用英文的空格 ，隔開(kāi)代碼如下 lt！ img backgroundimageurlquot圖片存放路徑quot *插入背景圖* backgroundrepe；CSS中，定位是通過(guò)定位屬性來(lái)實(shí)現(xiàn)的，包括三種常用的定位相對(duì)定位絕對(duì)定位和固定定位1 相對(duì)定位position relative相對(duì)定位是相對(duì)于元素本身原有位置的定位方式當(dāng)元素使用相對(duì)定位時(shí)，可以通過(guò) topbottomleft；這樣，我們的導(dǎo)航條就制作好了，接著開(kāi)始固定導(dǎo)航條div的位置如圖，給導(dǎo)航條所表示的div添加“position”屬性然后把導(dǎo)航條的position屬性設(shè)置為“fixed”，表示的是固定定位了接著我們?cè)谠O(shè)置導(dǎo)航條的“top”屬性為0；1使用CSS CSS讓DIV固定位置不隨滾動(dòng)條而滾動(dòng)， fixed元素的絕對(duì)位置是相對(duì)于HTML元素來(lái)說(shuō)，滾動(dòng)條是body元素的1我們需要做的是，讓body保持其原有高度，讓html只有一個(gè)窗口那么高代碼我們可以這樣寫(xiě)html。

2、absolute生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位fixed生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位relative 生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位跟隨浮動(dòng)樣式采用fixed以瀏覽；在indexhtml中的標(biāo)簽中，輸入css代碼img position absolutetop 100px left 200px3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)通過(guò)css實(shí)現(xiàn)了圖片的絕對(duì)定位，距離左側(cè)100px，頂部200px，不隨網(wǎng)頁(yè)大小而變化。

3、1需要使用固定定位才能做到這樣的效果具體方法是首先打開(kāi)html編輯器，首先設(shè)置一個(gè)容器div，然后設(shè)置一個(gè)用來(lái)演示效果的div，分別設(shè)置class屬性名為container和fixed2在style標(biāo)簽中設(shè)置樣式，設(shè)置container的position屬性為；1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的style標(biāo)簽中，輸入css代碼imgfloatleft3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)p標(biāo)簽中的左側(cè)圖片與右側(cè)圖片通過(guò)css調(diào)整為了浮動(dòng)而頂部對(duì)；57 在css標(biāo)簽內(nèi)，對(duì)id為aa的div進(jìn)行css樣式設(shè)置，定義其position位置屬性為relative相對(duì)定位，背景顏色為紅色，為了顯示明顯的效果；1絕對(duì)定位 和 固定定位 的元素若沒(méi)有設(shè)置 toprightleftbottom 的值其位置為原來(lái)在文檔流中的位置其他文檔流元素會(huì)占據(jù)其原來(lái)位置要使絕對(duì)定位或固定定位的元素水平居中，需要設(shè)置其 width 為固定值，并且 left。

4、div和文字將div塊設(shè)置成絕對(duì)定位，看看文字顯示的位置，具體的代碼如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bordercolor；建議使用css實(shí)現(xiàn)，效果更佳，使用position fixed，固定定位，具體位置的調(diào)整是用topleftrightbottom也可以使用margin調(diào)整 css實(shí)現(xiàn)代碼 一般的網(wǎng)站的浮動(dòng)廣告以及浮動(dòng)菜單等可以使用fixed來(lái)實(shí)現(xiàn)，js的話(huà)需要計(jì)算位置以及滾動(dòng)；2后面的就是網(wǎng)頁(yè)的具體內(nèi)容了，這里的代碼簡(jiǎn)單一些3樣式里，我們先定義一些菜單里的樣式4這時(shí)運(yùn)行頁(yè)面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見(jiàn)的5為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式。

5、1padding內(nèi)邊距例如將div容器中的文字內(nèi)容放在距離容器的左側(cè)邊框的20px，頂部邊框的100px的位置注意在容器里使用了padding的話(huà)，會(huì)改變?nèi)萜鞯拇笮?，所以在?xiě)代碼之前要先計(jì)算好容器的大小及padding代碼2margin。