2 回答
已采納
阿賈大魔王
TA貢獻(xiàn)29條經(jīng)驗(yàn) 獲得超28個(gè)贊
如圖：
所有關(guān)于定位的方向你都可以根據(jù)這個(gè)圖來(lái)推導(dǎo)，它也很好記，你只要記得向內(nèi)移為正，向外移為負(fù)就可以了。
外邊距是指盒子到其他元素的距離，數(shù)值越大距離越遠(yuǎn)（其實(shí)有的時(shí)候它的移動(dòng)方向你按上圖去記也是沒(méi)錯(cuò)的），這樣margin：-10px 20px 30px你就能理解了，第一個(gè)數(shù)值對(duì)應(yīng)top,所以-10px理解為向上拉近了10px的距離，也就是上移了（像圖上top負(fù)值向上）； 左右拉開(kāi)20px的距離; 向下拉開(kāi)了30px（margin向下的正值不是和圖中一樣向上移動(dòng)，而是將下面的元素向下推遠(yuǎn)了），所以還是要理解margin的含義，不能死板的的記憶。
內(nèi)填充或者說(shuō)內(nèi)邊距padding，它的數(shù)值為負(fù)是是沒(méi)有用的，它寫(xiě)負(fù)數(shù)和寫(xiě)零是一樣的。
希望我的解答對(duì)你有幫助，望采納，O(∩_∩)O謝謝！
-
IT騍外邊距top為負(fù)值的情況會(huì)不會(huì)碰到其他元素出現(xiàn)層疊呢？ -
阿賈大魔王會(huì)，它會(huì)蓋住上面的元素，而被下面的元素蓋住。因?yàn)榧虞d是從上至下的，所以后面加載的會(huì)覆蓋前者。就像ccs樣式有沖突時(shí)，最后顯示的是寫(xiě)在后面的樣式，因?yàn)榍懊娴臉邮奖桓采w了，這個(gè)好像在“HTML+CSS基礎(chǔ)課程”里有說(shuō)過(guò)，我也記不太清了。你可以用復(fù)制下面的代碼看看，加深印象（下面的代碼中間盒子的背景色有兩個(gè)，但它顯示的是后者）
-
阿賈大魔王<body> <div style="width:100px; height:100px; background:#FF0;"></div> <div style="width:100px; height:100px; background:#FF0; background:#F00; margin:-10px"></div> <div style="width:100px; height:100px; background:#FF0;"></div> </body>
356713217
TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超1個(gè)贊
反方向啊。例如，10px原來(lái)是上外邊距，那個(gè)content的內(nèi)容就向下了10px，現(xiàn)在-10px就是向上了
添加回答
舉報(bào)
0/150
提交
取消