課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
如果是兩個(gè)div都設(shè)置為relative,那么布局又是什么樣,我怎么調(diào)試不出來,哪位大師提供一下代碼
2015-04-20
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-7
正在回答
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>relative樣式</title> <style?type="text/css"> #div1{ ????width:200px; ????height:200px; ????border:2px?red?solid; ????position:relative; ????left:100px; ????top:50px; } #div2{ ????width:200px; ????height:200px; ????border:2px?red?solid; ????position:relative; ????left:100px; ????top:50px; } </style> </head> <body> ????<div?id="div1"></div><span>偏移前的位置還保留不動(dòng),覆蓋不了前面的div沒有偏移前的位置</span> ????<div?id="div2"></div><span>偏移前的位置還保留不動(dòng),覆蓋不了前面的div沒有偏移前的位置</span> </body> </html>
這就是兩個(gè)div設(shè)置相對(duì)定位,你看看
你寫兩個(gè)div標(biāo)簽,然后分別設(shè)置其高度和寬度,然后都寫上相對(duì)定位,你看看效果
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
6 回答相對(duì)定位的問題
5 回答相對(duì)定位的問題
3 回答相對(duì)定位的問題
2 回答相對(duì)定位問題
3 回答相對(duì)定位問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-08-13
這就是兩個(gè)div設(shè)置相對(duì)定位,你看看
2015-04-21
你寫兩個(gè)div標(biāo)簽,然后分別設(shè)置其高度和寬度,然后都寫上相對(duì)定位,你看看效果