margin取负值在图片裁切中什么意思，margin设为负值究竟是什么意思

创新互联建站专业为企业提供富平网站建设、富平做网站、富平网站设计、富平网站制作等企业网站建设、网页设计与制作、富平企业网站模板建站服务，十载富平做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

勉县ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联公司的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18980820575（备注：SSL证书合作）期待与您的合作！

本文目录一览

• 1，margin设为负值 究竟是什么意思
• 2，margin为负值到底怎么理解啊
• 3，margin为负值到底怎么理解啊
• 4，在网页制作中 margin是负值怎么理解
• 5，margin取负值什么意思

1，margin设为负值 究竟是什么意思

就是设置了你的外边距为负值。

margin-top:-10px; 盒子向上移10px margin-top:10px; 盒子向下移10px； margin-top:0; 盒子不移动

2，margin为负值到底怎么理解啊

还是没彻底的懂啊，那负值有什么用呢，带来的效果不就是position:relative/absolute定位吗，没其他作用吗

margin负值简单demo 默认无margin负值状态1234margin有负值状态1margin-top:-100px;margin-top:-200px;margin-top:-300px;

布局的效果啊。淘宝的双飞翼布局就是有用到-margin 的。再比如说有一段文字需要宽度自适应的。然后在左边有一张图片什么的。这张图片就可以用-margin来定位的啊。

margin负值不就相当于定位偏离原来位置吗，那为什么用margin负值就可以实现宽度高度自适应啊

3，margin为负值到底怎么理解啊

margin负值简单demo 默认无margin负值状态1234margin有负值状态1margin-top:-100px;margin-top:-200px;margin-top:-300px;

我是左边,宽:200px 我是右边,宽:200px 我是中间,宽自适应 像这样的。

还是没彻底的懂啊，那负值有什么用呢，带来的效果不就是position:relative/absolute定位吗，没其他作用吗

布局的效果啊。淘宝的双飞翼布局就是有用到-margin 的。再比如说有一段文字需要宽度自适应的。然后在左边有一张图片什么的。这张图片就可以用-margin来定位的啊。

margin负值不就相当于定位偏离原来位置吗，那为什么用margin负值就可以实现宽度高度自适应啊

但是难道负值就只是为了像position一样移动位置吗

4，在网页制作中 margin是负值怎么理解

margin如果为负数就会向反方向移动边界！

这个是框模型中的外边距，默认是0的，也就是说他旁边的距离是0，如果是负值的话，就是向上，向左移动了，有种错位的感觉，自己可以用个div来试下就可以看到效果。、

其实就是相对于它的父容器往相反的方向移动位置。

margin负值一般用于CSS hack 正值是将两个容器之间的距离加大，那么负值就是缩小，甚至两个容器可能重叠

方向相反

在网页制作中 margin的复制会起到相反的作用，比如说：margin-left:-25px;他达到的效果不是距离左边25px，而是所在的层整体向左移25px，对于解决那种margin-left:25px;达不到预期效果很是有帮助！

比如margin-top:-500px;。他就会向上遮住500个像素。
其他的依次类推！

5，margin取负值什么意思

补充一下: margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。
注释：允许使用负值。
继承性：No 说明 这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。
块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。
例子:顶边距为10px，右边距是父元素宽度的2%，底边距是-10px，而左边距由浏览器设置： h1 {margin: 10px 2% -10px auto} 也就是说,margin由四个值限定,先后顺序分别是:上、左、下、右.

给你举个例子: 如果有一个盒子靠边放在桌子上, 如果设置它的margin为2, 那就是把这个盒子移到离桌子边缘2个大小的位置,如果设置为0就会向边靠拢也就是刚好挨着边,如果设置-2呢 当然继续向边的方向移动,既然其中一个边是这样 那其他3个边当然也是这样!

笔误,顺序是:上、右、下左。

margin向屏幕左侧或上部缩进2px，而不是向右或者向下。

没什么意义,把div比喻为盒子的话,margin就像是div这个盒子所用材料的壁厚,试问,你能找到壁厚是-2的材料吗?当然不能,最小是0;那么用了-2后会怎么样呢?就是如果你的结构不是很紧凑时,它的位置可能会向上向左偏移2个像素。在没有框架、网格、图片等有边界的情况下是看不出来的。

就是外边距向是负数,也就是不仅没外边距 反而还要向四周扩大2像素