課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
感覺一直是反的啊 想了兩遍也沒(méi)清楚
2015-06-29
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-6
正在回答
樓上回答正解,top的意思是該元素距瀏覽器頂部的距離,很顯然當(dāng)距離變大時(shí)整個(gè)元素肯定是向下運(yùn)動(dòng)的;left可同樣理解。
?。。∽x者注意:瀏覽器計(jì)算top left的一些值(可為負(fù)值)時(shí),是以瀏覽器左頂點(diǎn)為原點(diǎn)的(從上到下為正,從左到右為正)。
想一下,
向下就是距離頂部多少像素,所以用top;
舉個(gè)栗子,向下120像素
<style?type="text/css"> div{ ????width:200px; ????height:200px; ???border:2px?red?solid; ???position:absolute; ???top:120px; } </style>
向右就是距離左邊多少像素,所以用left;
舉個(gè)栗子,向右240像素
<style?type="text/css"> div{ ????width:200px; ????height:200px; ???border:2px?red?solid; ???position:absolute; ???left:240px; } </style>
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
6 回答請(qǐng)問(wèn)是方向相反嗎?向右移動(dòng)輸入時(shí)Left ,向下怎么是top?
2 回答為什么是反著來(lái)的?向右向下移動(dòng),代碼卻要寫成left ;top?
2 回答top 不是向上嗎? 為什么在這里向下
8 回答1不明白為什么是向右移動(dòng) 要寫left:100px呢?
6 回答絕對(duì)定位的任務(wù)是相對(duì)于瀏覽器向左向下,為什么代碼是向右向上
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2015-06-29
樓上回答正解,top的意思是該元素距瀏覽器頂部的距離,很顯然當(dāng)距離變大時(shí)整個(gè)元素肯定是向下運(yùn)動(dòng)的;left可同樣理解。
?。。∽x者注意:瀏覽器計(jì)算top left的一些值(可為負(fù)值)時(shí),是以瀏覽器左頂點(diǎn)為原點(diǎn)的(從上到下為正,從左到右為正)。
2015-06-29
想一下,
向下就是距離頂部多少像素,所以用top;
舉個(gè)栗子,向下120像素
向右就是距離左邊多少像素,所以用left;
舉個(gè)栗子,向右240像素