DIV CSS中的絕對(duì)定位和相對(duì)定位的區(qū)別，我從網(wǎng)上看了好多，都沒個(gè)詳細(xì)的說法，其實(shí)也不用搞到那么復(fù)雜的。先說相對(duì)定位：跟它的名一樣，相對(duì)嘛，要有一個(gè)參照物，但這個(gè)參照不是別的，是它自己呢，也就是說沒設(shè)相對(duì)定位的位置，那你會(huì)問了，設(shè)沒設(shè)都在那個(gè)位置為什么要設(shè)呢，因?yàn)橹挥性O(shè)置了才能使 TOP,LEFT這些生效，也就是設(shè)了才能相對(duì)自己原來的位置偏移，原來的位置保留著，偏移后會(huì)把其它的層遮罩住。
2 回答
慕娘9325324
TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊
再說絕對(duì)定位：在布局里不可能有絕對(duì)定位的，再怎么樣都有一個(gè)參照位置的，絕對(duì)定位的參照位置就不像相對(duì)那樣是自己了，至于是哪個(gè)，就看它的上級(jí)或上上級(jí)有沒有定位了，也就是有沒有position:relative;或position:fixed了，好像position:inherit;也行，前面兩個(gè)可以，后面那個(gè)不設(shè)什么的不用也行，最好用position:relative;吧,轉(zhuǎn)入正題，當(dāng)要絕對(duì)定位的層設(shè)好要參照位置的層后，就可以用TOP，LEFT這些來定位置了，如果它的上級(jí)或上上級(jí)都沒定位的話只就會(huì)根據(jù)BODY的位置來定位了,還有最后一點(diǎn)，絕對(duì)定位是不占位置的，它會(huì)像PS的圖層一樣單獨(dú)做一層，至于第幾層你可以通過z-index:這個(gè)屬性來設(shè)置
慕仙森
TA貢獻(xiàn)1827條經(jīng)驗(yàn) 獲得超8個(gè)贊
定位方案有四種：靜態(tài)定位、相對(duì)定位、絕對(duì)定位和固定定位。你可以使用CSS 3中的「position」屬性來決定要使用的定位方式。
在這四種方案中，靜態(tài)和相對(duì)定為不會(huì)影響整個(gè)文檔布局，而絕對(duì)和固定定位則會(huì)脫離文檔，因此頁(yè)面不會(huì)為這兩類定位元素預(yù)留空間。在預(yù)設(shè)狀態(tài)下，所有元素均是靜態(tài)的定位方式，也即這些元素按照原本的從上到下及從左到右的順序進(jìn)行排布。
只要為該元素設(shè)定了「position」屬性，你就可以使用「top」、「right」、「bottom」和「left」這四個(gè)屬性來精準(zhǔn)定義其應(yīng)該所在的地方。
- 2 回答
- 0 關(guān)注
- 534 瀏覽
添加回答
舉報(bào)
0/150
提交
取消