相對(duì)定位和絕對(duì)定位 定位標(biāo)簽position 包含屬性relative相對(duì)absolute絕對(duì)1positionrelative如果對(duì)一個(gè)元素進(jìn)行相對(duì)定位，首先它將出現(xiàn)在它所在的位置上然后通過(guò)設(shè)置垂直或水平位置，讓這個(gè)元素quot相對(duì)于quot它的原始起點(diǎn)；里面的div如果一行只有一個(gè)div得話不用定義寬度關(guān)于positionrelative這個(gè)如上位朋友所說(shuō)的，少用margin我也很少用，能不用我盡量不用，兼容性有點(diǎn)差代碼修改如下ltdiv border=quot0quot id=quotcontentDivquot style=quotback。

1positionabsolute 生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位2positionfixed 生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位3 positionrelative 生成相對(duì)定位的元素，相對(duì)于其正常位置。

div中如何定位圖片

1、div+css絕對(duì)定位，有X，Y坐標(biāo)，在定位中，我們一般有四個(gè)方向，top，right，bottom，left，通過(guò)這4個(gè)來(lái)設(shè)置，如positionabsoulte left10px top10px就是說(shuō)相對(duì)父級(jí)的位置往左10px距上10px通過(guò)代碼來(lái)理解。

2、首先我不給div定位來(lái)看看兩個(gè)div在瀏覽器中是如何顯示的，具體的代碼如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bordercolor。

3、是相對(duì)于div2定位的如果div1設(shè)置了position，但是div2的position是默認(rèn)值，那么絕對(duì)定位的div3相對(duì)于div1定位 如果div1和div2都沒有設(shè)置position，那么div3的絕對(duì)定位是相對(duì)于body 可以說(shuō)是就近原則。

4、要想div固定在一個(gè)位置，可以使用css中的絕對(duì)定位來(lái)實(shí)現(xiàn) position absolute然后可以通過(guò)topleftrightbottom來(lái)定位方向舉個(gè)定位在頂部的例子ltstyletop position absolute top 0px zindex999。

5、可以用css定位把一個(gè)div放到另一個(gè)div右下角1新建html文檔，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，然后在這個(gè)div標(biāo)簽內(nèi)再添加一個(gè)div標(biāo)簽，為外面的div標(biāo)簽添加“container”類，里面的div標(biāo)簽添加“inner”類2在head標(biāo)簽內(nèi)。

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

htmldiv定位

可以實(shí)現(xiàn)圖中效果，代碼如下lthtml lthead ltmeta。

有幾個(gè)方法一種div1設(shè)置為positionrelative，div2設(shè)置為positionabsolute，此時(shí)的div2就相對(duì)于div1進(jìn)行基準(zhǔn)定位了因?yàn)榻^對(duì)定位positionabsolute，不在標(biāo)準(zhǔn)流中，所以內(nèi)聯(lián)元素不知到他的位置，會(huì)跑到他的下面去。

Div絕對(duì)定位js代碼 function showDivname var cf=documentgetElementByIdquotDivIDquotvar oImg=documentgetElementByIdnamevar eT=0，eL=0，p=oImgvar sT=，sL=。

ltinput type=quottextquotltdiv id=quotdivShowquot style=quotdisplaypositionabsolutequot顯示的內(nèi)容ltdiv display，表示此層隱藏positionabsolute，表示此層的為絕對(duì)位置，方便后期進(jìn)行絕對(duì)定位 添加事件，完成效果。

絕對(duì)定位absolute當(dāng)一個(gè)DIV塊的位置被定義為絕對(duì)定位的時(shí)候，也就意味著它失去了文檔流的位置，后面的文檔流會(huì)緊跟著補(bǔ)上來(lái)接替它的位置如果上下左右的絕對(duì)偏移量都是零，那么它將漂浮在原來(lái)的位置上否則就會(huì)以瀏覽。

而我的div只有一個(gè)要跟著按鈕隨機(jī)的位置出來(lái)！ 回答 或者直接在后臺(tái)net，把ltdiv生成定位還是相對(duì)定位 追問(wèn) 我一開始就要js代碼好不好，我知道邏輯但是不知道怎么實(shí)現(xiàn)？你能解決么！不能的話勿回了！我回你話。

計(jì)算出div#main中的div占用的實(shí)際高度，并賦值給div#main計(jì)算原理div#main中的每一個(gè)div都是設(shè)置了固定的top和height的，那么最后一個(gè)div的top+height肯定就是div#main的實(shí)際占用高度代碼中，我引用了jquery的css方法。

做一下修改left floatleft width30% height100% background#eeeeeemarginleft12px marginleft12px設(shè)置“l(fā)eft”左邊界離左的距離，設(shè)置這個(gè)是為了讓你左邊的div不緊貼左邊 right floatright。