本文目录一览
- 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是负值怎么理解
这个是框模型中的外边距，默认是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像素
【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。
