CSS中margin值及margin负值

Margin（外边距）：指CSS中的一种盒子模型属性。

作用：控制元素周围的空白区域大小（即 控制元素与其他元素之间的间距、元素与边框之间的间距、元素与视口边界之间的间距等）。

负Margin：是一种在CSS布局中非常有用的技巧，

作用：可以用于微调元素的位置、调整元素的层叠顺序、消除元素之间的空隙等。

在静态元素中，应用负Margin可以将元素的位置向外偏移，但是需要注意避免元素重叠，影响布局效果。在非静态定位的元素中，负Margin可能会对其位置和布局产生复杂的影响，需要谨慎使用。

一、margin属性

Margin属性代表的属性值：

1.margin-top: 设置元素上方的外边距大小；

2.margin-right: 设置元素右侧的外边距大小；

3.margin-bottom: 设置元素下方的外边距大小；

4.margin-left: 设置元素左侧的外边距大小；

5.margin: 可以同时设置四个方向的外边距大小；

如：

分别设置每个方向的外边距：                                                                                                  margin-top: 10px;

margin-right: 20px;

margin-bottom: 30px;

margin-left: 40px;

合写margin属性：

/* 当margin属性后边跟4个值时: 分别代表 上  右  下  左*/

如：margin: 100px 110px 120px 130px;

/* 当margin属性后边跟3个值时: 分别代表 上  左右  下*/

如：margin: 100px 120px 130px;

/* 当margin属性后边跟2个值时:分别代表 上下  左右*/

如：margin: 100px 130px;

/* 当margin属性后边跟1个值时: 代表所有方向都是这个值*/

如：margin: 100px;

Mar