                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /网页简单布局之结构与表现原则

margin:-25px 0 0 50px 可以更改为：margin:0 0 25px 50px吗？

或者margin:0 -50px 25px 0

02:50

cp0417

2016-03-21

源自：网页简单布局之结构与表现原则 2-3

关注问题我要回答

1729

操作

收起

2 回答

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

试试就知道了

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

收起回答

繁华宝爷
2016-03-21

这个盒子模型的移动是相对于原始位置的移动

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

收起回答

cp0417 提问者

我知道盒子模型的移动是相对于原始位置的移动，我就是想知道，我那样改写是一样的移动结果吗？

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

半亩方塘0930 回复 cp0417 提问者

结果不会一样。这个点不是很常见（margin-bottom和margin-right为负值），我也是有点困惑，刚刚查了一些资料。当元素（不是浮动元素）的margin-top/margin-left被赋予负值时，元素将被拉进指定的方向；但如果设置margin-bottom/right为负数，元素并不会如你所想的那样向下/右移动，而是将后续的元素拖拉进来，覆盖本来的元素。究其原因还是因为负margin值元素并不会脱离文档流参考：http://www.w3cplus.com/css/the-definitive-guide-to-using-negative-margins.html

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

0/150

提交

取消

网页简单布局之结构与表现原则

参与学习 108319 人
解答问题 375 个

入门必杀技之结构与表现相分离，课程会有3个案例，不同角度讲解

进入课程

margin:-25px 0 0 50px 可以更改为：margin:0 0 25px 50px吗？

我要回答关注问题

热搜

最近搜索清空

margin:-25px 0 0 50px 可以更改为：margin:0 0 25px 50px吗？

2 回答

margin:-25px 0 0 50px 可以更改为：margin:0 0 25px 50px吗？