margin-right，margin-right和right有什么区别
大家好，今天给各位分享margin-right的一些知识，其中也会对margin-right和right有什么区别进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！
...left:12px; margin-top: 18px; margin-right:6px;
正确的缩写为
{margin:18px
6px
0
12px;}
margin属性CSS样式，如遇到上下、左右、上下左右等情况我们可以缩写简写优化。
在css中使用margin可以将margin-top，margin-right，margin-bottom，margin-left，缩写为一个标记，顺序为上右下左（顺时针）。
1、只有上下情况缩写
原始：margin-top:5px;
margin-bottom:6px
缩写简写为：margin:5px
0
6px
0或margin:5px
auto
6px
auto
2、只有左右情况缩写
原始：margin-left:5px;
margin-right:6px
缩写简写为：margin:0
6px
0
5px或margin:auto
6px
auto
5px
margin:0
auto;横向居中；
margin：auto
0；纵向居中；
3、只有三边情况缩写
原始：margin-top:5px;
margin-bottom:6px;
margin-left:4px
缩写：margin:5px
0
6px
4px或margin:5px
auto
6px
4px
4、四边相同值缩写
原始：margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px
缩写：margin:5px;
5、四边不同值缩写
原始：margin-top:5px;
margin-bottom:6px;
margin-left:7px;
margin-right:8px
缩写：margin:5px
8px
6px
7px;
6、四边其中上下值和左右值各相同缩写
上下相同、左右相同原始：margin-top:5px;
margin-bottom:5px;
margin-left:7px;
margin-right:7px
缩写：margin:5px
7px;
margin-right和right有什么区别
margin-right属性设置元素的右外边距
例如：设置 p元素的右外边距：
p{ margin-right:10px;}
margin-right的取值：
auto：值被设置为相对边的值如 margin-right:auto
<length>：用长度值来定义外补白。可以为负值如 margin-right:10px
<percentage>：用百分比来定义外补白。可以为负值如 margin-right:10%
right属性主要用于绝对定位，规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。
例如：把图像的右边缘设置在其包含元素右边缘向左 5像素的位置：
img{ position:absolute;right:5px;}
可使用负值。
注释：如果"position"属性的值为"static"，那么设置"right"属性不会产生任何效果。
css中 marage-left:-25等于marage-right:25吗
这里有相对位移，选择参考物的原理。
此div使用position:absolute就产生了层叠关系,显示关系用z-index属性定义。他的父级需用到position:relative。因为absolute的定位是相对于父级relative的左上角为原点，如果没有则会默认以body本身为参考定位。并且用到的位移定位属性是left,right,top,bottom，而不是margin外边距。
在使用margin时要注意到几个问题：
margin-left和margin-top这两者的参考对象是以外界：
A:如果div在盒子box内，则div的margin-left和margin-top是参考box的左边和上边，从而会相对于box做参考产生位移。
B:如果是两div1和div2个相邻，div1在左边，div2在右边，那么div2的margin-left会参考div1的右边会产生位移；若div1在上面，div2在下面，那么div2的margin-top会参考div1的下边会产生位移。
2. margin-right和margin-bottom这两者的参考对象是以自己本身的右边和下边（或者说div本身不动，只有它的右边距和下边距从他本身边的位置开始向外延伸出来边距。）
A:如果div在盒子box内，div相对于box没有任何位移，而div只产生了逻辑上透明的右和下外边距。对box本身也没有直接影响。（但间接的，属性值你设的太大的，可能把box外的其他元素延生推开，你自己试验一下吧）。
B:如果是两个div1和div2相邻，div1在左边，div2在右边，div1的margin-right会将div2推开，从而使得div2产生位移；若div1在上面，div2在下面，那么div1的margin-top会将div2推开，从而使得div2产生位移。
这样讲解后，如果是负值，参考如下：
margin 水平居中 CSS
1、首先新建一个HTML文件，命名为test.html。
2、为了测试出明显的效果，在test.html使用div定义了一个带边框的模块，里面放一个p标签。
3、使用margin设置p标签的左外边距。主要使用margin-left的方法定义左外边距的样式，值越大，距离左边就越大。
4、使用margin设置p标签的右外边距。主要使用margin-right的方法定义右外边距的样式，值越大，距离右边就越大。
5、使用margin设置p标签的上外边距。主要使用margin-top的方法定义上外边距的样式，值越大，距离上边就越大。
6、使用margin设置p标签的下外边距。主要使用margin-bottom的方法定义下外边距的样式，值越大，距离下边就越大。
非常感谢您的阅读！我们希望本文对于解决您关于margin-right和margin-right和right有什么区别的问题提供了一些有价值的信息。如果您还有其他疑问，我们将很乐意为您提供进一步的帮助。