課程
/前端開(kāi)發(fā)
/HTML/CSS
/網(wǎng)頁(yè)布局基礎(chǔ)
求大神告知,尤其是margin和left,top那
2016-09-03
源自:網(wǎng)頁(yè)布局基礎(chǔ)
正在回答
margin負(fù)值是反方向移動(dòng).
我把這里的margin拆分了,你看的清除點(diǎn)
margin-top: -150px; ? 這里的意思是,元素向上移動(dòng)150px,為什么是150px .因?yàn)?50px是高度
300px的一半,同樣的道理margin-left:-250px? ? 元素向左移動(dòng)寬度的一半
left:50%和top:50%只是把元素的左上角原點(diǎn)居中了,并不是整個(gè)元素居中,
要想讓元素居中,就要把元素向左邊拉回來(lái)一半的寬度,和向上拉一半的高度
慕粉3759934
Blizzard_lihe 提問(wèn)者
Stringhobby=quot;慕課網(wǎng)quot;; 所有符號(hào)為英文符號(hào),需要注意輸入法的切換
缅甸腾龙娱乐 XS686·COM网上百家乐 XS686·COM新葡京娱乐 XS686·COM真人龙虎斗 XS686·COM维加斯娱乐场 XS686·COM腾龙国际 XS686·COM玉祥娱乐场 XS686·COM澳门银河娱乐城 XS686·COM缅甸半山国际 XS686·COM玉祥娱乐城 XS686·COMpaiglcchndwwunnpcwpwroaifqcbpiahxnrcqhokbdgdskcswbpfswqjsbndzowco
舉報(bào)
讓你精通CSS中三大定位機(jī)制,徹底掌握網(wǎng)頁(yè)布局的相關(guān)知識(shí)
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)
2016-09-06
margin負(fù)值是反方向移動(dòng).
我把這里的margin拆分了,你看的清除點(diǎn)
margin-top: -150px; ? 這里的意思是,元素向上移動(dòng)150px,為什么是150px .因?yàn)?50px是高度
300px的一半,同樣的道理margin-left:-250px? ? 元素向左移動(dòng)寬度的一半
left:50%和top:50%只是把元素的左上角原點(diǎn)居中了,并不是整個(gè)元素居中,
要想讓元素居中,就要把元素向左邊拉回來(lái)一半的寬度,和向上拉一半的高度
2022-03-29
Stringhobby=quot;慕課網(wǎng)quot;; 所有符號(hào)為英文符號(hào),需要注意輸入法的切換
缅甸腾龙娱乐 XS686·COM网上百家乐 XS686·COM新葡京娱乐 XS686·COM真人龙虎斗 XS686·COM维加斯娱乐场 XS686·COM腾龙国际 XS686·COM玉祥娱乐场 XS686·COM澳门银河娱乐城 XS686·COM缅甸半山国际 XS686·COM玉祥娱乐城 XS686·COMpaiglcchndwwunnpcwpwroaifqcbpiahxnrcqhokbdgdskcswbpfswqjsbndzowco