                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則

margin:-25px 0 0 50px 可以更改為：margin:0 0 25px 50px嗎？

margin:-25px 0 0 50px 可以更改為：margin:0 0 25px 50px嗎？?

或者margin:0 -50px 25px 0?

02:50

cp0417

2016-03-21

源自：網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則 2-3

關(guān)注問題我要回答

1778

操作

收起

2 回答

一只特立獨行的doge
2016-04-04

試試就知道了

0 回復有任何疑惑可以回復我~

收起回答

繁華寶爺
2016-03-21

這個盒子模型的移動是相對于原始位置的移動

0 回復有任何疑惑可以回復我~

收起回答

#1

cp0417 提問者

我知道盒子模型的移動是相對于原始位置的移動，我就是想知道，我那樣改寫是一樣的移動結(jié)果嗎？

2016-03-21 回復有任何疑惑可以回復我~

#2

半畝方塘0930 回復 cp0417 提問者

結(jié)果不會一樣。這個點不是很常見（margin-bottom和margin-right為負值），我也是有點困惑，剛剛查了一些資料。當元素（不是浮動元素）的margin-top/margin-left被賦予負值時，元素將被拉進指定的方向；但如果設(shè)置margin-bottom/right為負數(shù)，元素并不會如你所想的那樣向下/右移動，而是將后續(xù)的元素拖拉進來，覆蓋本來的元素。究其原因還是因為負margin值元素并不會脫離文檔流參考：http://www.w3cplus.com/css/the-definitive-guide-to-using-negative-margins.html

2016-04-05 回復有任何疑惑可以回復我~