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