課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
題目給出向左移動(dòng)100像素,向下移動(dòng)20像素代碼我寫(xiě){left:100px;bottom:20px;}但是正確答案是{right:100px;top:20px;}不知道為什么???
2018-05-31
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 13-6
正在回答
你可以想象一個(gè)大正方形,里面加一個(gè)小正方形。小正方形在最右上角,大正方形的位置永遠(yuǎn)不動(dòng)。 小正方形的位置相對(duì)于大正方形的位置左移動(dòng)100象素,向下移動(dòng)20象素。
那么就是小正方形的右邊增大100px,上面增大20px。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?right:100px ? ? ? ? ? ? ? ? ? top:20px
但,首先確定小正方形的位置。這是我理解的
題干中寫(xiě)的相對(duì)于以前位置右上角,說(shuō)明是基于右邊開(kāi)始,然后向左100像素,說(shuō)明從右往左100像素,依照position的定位規(guī)則,先確認(rèn)定位模式,基于瀏覽器定位,用position:absolute;接著確認(rèn)距離,使用right:100px;最后從上至下也就使用top:20px;
鄙人新手,目前是這樣的理解(#^.^#)
你讓圖片向左移動(dòng)100px,那不就是讓右邊多出來(lái)100px
我來(lái)試一試:設(shè)置div標(biāo)簽相對(duì)于瀏覽器,(相對(duì)于以前位置右上角)向左移動(dòng)100象素,向下移動(dòng)20象素。
相對(duì)于以前的位置是右上角
絕對(duì)定位相對(duì)于盒子來(lái)說(shuō)的。默認(rèn)位置是在 左上角
如果設(shè)置 { left:100px; bottom:20px; } ?則是在距離 ?左下角 ?水平 100px, ?垂直 20px 的位置,相當(dāng)于向右下推了一下
如果設(shè)置 { right:100px; top:20px; } ? ? ? 則是在距離 ?右上角 ?水平 100px, 垂直 20px 的位置, 相當(dāng)于向左下推了一下
Sapce
參考邊 題目中是一右邊邊線(xiàn)參考 right:100px;
因?yàn)?left:100px 是指方塊左邊與網(wǎng)頁(yè)邊框的距離從0--->100 ,同等把圖片向右推了100px,bottom 同理
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
5 回答方向不對(duì)吧???
6 回答方向相反?
1 回答div實(shí)際移動(dòng)方向與代碼方向問(wèn)題
1 回答浮動(dòng)方向問(wèn)題
3 回答對(duì)相對(duì)定位absolute的方向不理解?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-07-27
你可以想象一個(gè)大正方形,里面加一個(gè)小正方形。小正方形在最右上角,大正方形的位置永遠(yuǎn)不動(dòng)。 小正方形的位置相對(duì)于大正方形的位置左移動(dòng)100象素,向下移動(dòng)20象素。
那么就是小正方形的右邊增大100px,上面增大20px。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?right:100px ? ? ? ? ? ? ? ? ? top:20px
但,首先確定小正方形的位置。這是我理解的
2019-02-13
題干中寫(xiě)的相對(duì)于以前位置右上角,說(shuō)明是基于右邊開(kāi)始,然后向左100像素,說(shuō)明從右往左100像素,依照position的定位規(guī)則,先確認(rèn)定位模式,基于瀏覽器定位,用position:absolute;接著確認(rèn)距離,使用right:100px;最后從上至下也就使用top:20px;
鄙人新手,目前是這樣的理解(#^.^#)
2018-12-08
你讓圖片向左移動(dòng)100px,那不就是讓右邊多出來(lái)100px
2018-07-17
我來(lái)試一試:設(shè)置div標(biāo)簽相對(duì)于瀏覽器,(相對(duì)于以前位置右上角)向左移動(dòng)100象素,向下移動(dòng)20象素。
相對(duì)于以前的位置是右上角
2018-06-17
絕對(duì)定位相對(duì)于盒子來(lái)說(shuō)的。默認(rèn)位置是在 左上角
如果設(shè)置 { left:100px; bottom:20px; } ?則是在距離 ?左下角 ?水平 100px, ?垂直 20px 的位置,相當(dāng)于向右下推了一下
如果設(shè)置 { right:100px; top:20px; } ? ? ? 則是在距離 ?右上角 ?水平 100px, 垂直 20px 的位置, 相當(dāng)于向左下推了一下
2018-06-09
參考邊 題目中是一右邊邊線(xiàn)參考 right:100px;
2018-05-31
因?yàn)?left:100px 是指方塊左邊與網(wǎng)頁(yè)邊框的距離從0--->100 ,同等把圖片向右推了100px,bottom 同理