首页猿问设置成负值怎么理解？比如margi...

设置成负值怎么理解？比如margin: -10px 20px 30px

CSS3 Html/CSS Html5

IT骒 2016-03-07 21:09:08

查看完整描述

2 回答

已采纳

阿贾大魔王

TA贡献29条经验获得超28个赞

如图：

//img1.sycdn.imooc.com//56de378c0001c18c03670358.jpg

所有关于定位的方向你都可以根据这个图来推导，它也很好记，你只要记得向内移为正，向外移为负就可以了。

外边距是指盒子到其他元素的距离，数值越大距离越远（其实有的时候它的移动方向你按上图去记也是没错的），这样margin：-10px 20px 30px你就能理解了，第一个数值对应top,所以-10px理解为向上拉近了10px的距离，也就是上移了（像图上top负值向上）；左右拉开20px的距离; 向下拉开了30px（margin向下的正值不是和图中一样向上移动，而是将下面的元素向下推远了），所以还是要理解margin的含义，不能死板的的记忆。

内填充或者说内边距padding，它的数值为负是是没有用的，它写负数和写零是一样的。

希望我的解答对你有帮助，望采纳，O(∩_∩)O谢谢！

4 反对回复 2016-03-08

IT骒
外边距top为负值的情况会不会碰到其他元素出现层叠呢？

回复 2016-03-08
阿贾大魔王
会，它会盖住上面的元素，而被下面的元素盖住。因为加载是从上至下的，所以后面加载的会覆盖前者。就像ccs样式有冲突时，最后显示的是写在后面的样式，因为前面的样式被覆盖了，这个好像在“HTML+CSS基础课程”里有说过，我也记不太清了。你可以用复制下面的代码看看，加深印象（下面的代码中间盒子的背景色有两个，但它显示的是后者）

回复 2016-03-09
阿贾大魔王
<body> <div style="width:100px; height:100px; background:#FF0;"></div> <div style="width:100px; height:100px; background:#FF0; background:#F00; margin:-10px"></div> <div style="width:100px; height:100px; background:#FF0;"></div> </body>

回复 2016-03-09

356713217

TA贡献3条经验获得超1个赞

反方向啊。例如，10px原来是上外边距，那个content的内容就向下了10px，现在-10px就是向上了

反对回复 2016-03-07

2 回答
0 关注
4278 浏览

关注

设置成负值怎么理解？比如margin: -10px 20px 30px

设置成负值怎么理解？比如margin: -10px 20px 30px

2 回答

相关问题推荐

添加回答

热搜

最近搜索清空

设置成负值怎么理解？比如margin: -10px 20px 30px

设置成负值怎么理解？比如margin: -10px 20px 30px

2 回答

相关问题推荐

添加回答