Login
网站首页 > 文章中心 > 其它

marginright负值有什么作用

作者:小编 更新时间:2023-07-27 12:32:04 浏览量:10人看过

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

补充一下:

margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。

注释:允许使用负值。

继承性:No

说明

这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

例子:顶边距为10px,右边距是父元素宽度的2%,底边距是-10px,而左边距由浏览器设置:

h1 {margin: 10px 2% -10px auto}

也就是说,margin由四个值限定,先后顺序分别是:上、左、下、右.

自已翻CSS手册吧。这都要问吗?

margin-right:10px; 意思就是距离右边10px

right 就是居右

暂时没发现right:100px 这么用的

margin-right 属性设置元素的右外边距

例如:设置 p 元素的右外边距:

p { margin-right:10px; }

margin-right的取值:

auto:值被设置为相对边的值 如 margin-right:auto

:用长度值来定义外补白。可以为负值 如 margin-right:10px

:用百分比来定义外补白。可以为负值 如 margin-right:10%

right属性主要用于绝对定位,规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。

例如:把图像的右边缘设置在其包含元素右边缘向左 5 像素的位置:

img { position:absolute;right:5px;}

可使用负值。

注释:如果 "position" 属性的值为 "static",那么设置 "right" 属性不会产生任何效果。

不起作用

就是这只了这个属性,但不需要它的作用,就赋值为-1等等,就是不让margin起作用

以上就是土嘎嘎小编大虾米为大家整理的marginright负值有什么作用相关主题介绍,如果您觉得小编更新的文章对您有所帮助,不要忘记讲本站分享给您身边的朋友哦!!

版权声明:倡导尊重与保护知识产权。未经许可,任何人不得复制、转载、或以其他方式使用本站《原创》内容,违者将追究其法律责任。本站文章内容,部分图片来源于网络,如有侵权,请联系我们修改或者删除处理。

编辑推荐

热门文章