1、margin-top为负值像素
margin-top为负值像素，偏移值相对于自身，其后元素受影响，见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 32 33 343542 4336 子元素1373839 子元素2（元素2跟着上移了）4041
效果：
2、margin-left为负值像素
margin-left为负值像素，偏移值相对于自身，其后元素不受影响，见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 32 33 343542 4336 子元素1373839 子元素2（子元素2不受影响）4041
效果：
3、margin-top为负值百分数
margin-top为负值百分数，偏移值相对于父元素，其后元素受影响，见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 32 33 343542 4336 子元素1373839 子元素2（子元素2受影响）4041
效果：
4、margin-left为负值百分数
margin-left为负值百分数，偏移值相对于父元素，其后元素不受影响，见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 32 33 343542 4336 子元素1373839 子元素2（子元素2不受影响）4041
效果：
5、margin-right为负值像素且不设置宽度
margin-right为负值像素且不设置宽度，无偏移值，其后元素不受影响，自身宽度变大,见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 33 34 353643 4437 子元素1383940 子元素2（子元素2不受影响）4142
效果：
6、margin-right为负值百分数且不设置宽度
margin-right为负值百分数且不设置宽度，无偏移值,自身宽度变宽(宽度值为父元素宽度值*百分比)，其后元素不受影响，见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 33 34 353643 4437 子元素1383940 子元素2（子元素2不受影响）4142
效果：
7、margin-bottom:为负值像素
margin-bottom:为负值像素，自身无偏移值,，其后元素受影响(上移了)，见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 32 33 343542 4336 子元素1373839 子元素2（子元素2受影响,上移了）4041
效果：
8、margin-bottom:为负值百分数
margin-bottom:为负值百分数，自身无偏移值,，其后元素受影响(上移了,上移大小为父元素宽度值*20%)，见如下代码：
1 2 3 4 5 6margin不同赋值情况（负值，百分数） 7 32 33 343542 4336 子元素1373839 子元素2（子元素2受影响,上移了）4041
效果：
总结：以上是margin赋值为负值的情况，可使自身偏移（或不偏移），其后元素受影响（或不受影响），自身宽度增大（或不增大），会有多种不同的应用场景，请合理选择。
