3對(duì)div設(shè)置基本屬性html文件找到lttitle標(biāo)簽，在這個(gè)標(biāo)簽后新建一個(gè)ltstyle標(biāo)簽，然后在ltstyle標(biāo)簽里設(shè)置class類為fixed的屬性為寬為300像素，高為150像素，背景為紅色，相對(duì)于瀏覽器窗口定位，距離瀏覽器頂部位置為20。

生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位元素的位置通過 quotleftquot， quottopquot， quotrightquot 以及 quotbottomquot 屬性進(jìn)行規(guī)定fixed 生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位元素的位置通過 quotleftquot。

1首先新建一個(gè)html頁(yè)面，然后在這個(gè)html代碼頁(yè)面創(chuàng)建一個(gè)ltdiv標(biāo)簽，同時(shí)給這個(gè)ltdiv添加一個(gè)class類為footer2然后設(shè)置footer類，把div固定在底部創(chuàng)建ltstyle標(biāo)簽，在該標(biāo)簽內(nèi)設(shè)置通過position fixedbottom0設(shè)置。

67 在css標(biāo)簽內(nèi)，對(duì)id為bb的div進(jìn)行css樣式設(shè)置。

fixed固定定位然后再配合leftrighttopbottom等屬性就可以實(shí)現(xiàn)把p固定在html中的任何位置HTML如何讓p或者表格準(zhǔn)確的定位，比如放在屏幕的中間設(shè)置這個(gè)p的寬度，然后設(shè)置它的margin值margin0auto就會(huì)居中了。

div和文字將div塊設(shè)置成絕對(duì)定位，看看文字顯示的位置，具體的代碼如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bordercolor。

兩種方法第一，用框架去做frame或者iframe 第二，兩個(gè)div，隱藏其中一個(gè)，顯示另外一個(gè)點(diǎn)擊鏈接的時(shí)候去設(shè)置兩個(gè)div的隱藏和顯示屬性這樣就可以在同一個(gè)頁(yè)面里轉(zhuǎn)換了。

1新建一個(gè)html文件，命名為testhtml2在testhtml文件內(nèi)，使用div標(biāo)簽創(chuàng)建一個(gè)模塊，用于測(cè)試3在testhtml文件內(nèi)，給div添加一個(gè)class屬性，用于設(shè)置其樣式4在css標(biāo)簽內(nèi)，通過class設(shè)置div的樣式，定義其寬度。

***CSS單元的位置和層次div標(biāo)簽 我們都知道，在網(wǎng)頁(yè)上利用HTML定位文字和圖象是一件“令人心痛”的事情我們必須使用表格標(biāo)簽和隱式GIF圖象，即使這樣也不能保證定位的精確，因?yàn)闉g覽器和操作平臺(tái)的不同會(huì)使顯示的結(jié)果發(fā)生變化 而CSS。

fixed 未支持生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位與absolute后所不同規(guī)范就是元素的位置通過 quotleftquot， quottopquot， quotrightquot 以及 quotbottomquot 屬性進(jìn)行規(guī)定relative 對(duì)象不可層疊，但將依據(jù) left 。

設(shè)置完成后保存文件3打開瀏覽器，可以看到div并且可以觀察到進(jìn)度條是最上面的4接著將進(jìn)度條拉倒最下面，可以發(fā)現(xiàn)div還是在原來的位置保持不變以上就是用fixed屬性設(shè)置div固定位置的方法。

想要將html中 div怎么固定到底部很簡(jiǎn)單，只需要給這個(gè)div元素的position屬性設(shè)置為fixed，并且bottom屬性設(shè)置為0px即可具體核心代碼如下 ltdiv id=quotquot style=quotposition fixedbottom 0pxquot 固定到底部 ltdiv 運(yùn)行效果。

3中間定義一個(gè)div，設(shè)置滾動(dòng)條自動(dòng) overflow auto 設(shè)置絕對(duì)定位positionabsolute，設(shè)置top和bottom，top的值等于頭部div的高度，bottom的值等于底部div的高度 示例 lthtmllthead ltmeta。

1 先設(shè)置為絕對(duì)定位 positionabsolute2 設(shè)置尺寸寬 高3 left top right bottom 設(shè)置其中兩項(xiàng) 如 left0pxtop20px 固定在靠左0，上20的地方 同樣可以 regiht0px top0px 固定在右上角 也可以 left。

想要固定div在網(wǎng)頁(yè)中指定的位置，可以加一個(gè)CSS屬性div positionabsolute絕對(duì)定位，這個(gè)是隨頁(yè)面走動(dòng)的，可以換成fixed，不隨頁(yè)面走動(dòng) left0 top0 zinde width1440px height。

5然后滑動(dòng)滾動(dòng)條，即使到達(dá)底部后，div的位置依舊沒有修改6如圖所示，這里將div的css樣式設(shè)置為絕對(duì)定位，這里是靠右靠下7然后這里是根據(jù)滾動(dòng)條的滾動(dòng)設(shè)置top或者bottom的值即可實(shí)現(xiàn)讓DIV固定在頁(yè)面而不隨著滾動(dòng)條。

可用的方法比較多，比較常見的是使用CSS1使用CSS CSS讓DIV固定位置不隨滾動(dòng)條而滾動(dòng)， fixed元素的絕對(duì)位置是相對(duì)于HTML元素來說，滾動(dòng)條是body元素的1我們需要做的是，讓body保持其原有高度，讓html只有一個(gè)窗口。