right:100px;与margin-right:100px;区别

来源:13-6 万事无绝对 -层模型之绝对定位

yy一只小仙女

2017-12-13 21:44

那 right:100px;与margin-right:100px;区别什么呢,margin里所说的外边界是什么

写回答 关注

3回答

  • MICKFROST
    2017-12-28 21:17:43

    假设我们现在命令XX同学站在操场的一个位置:

    前者:XX同学,请站在离操场左边100px的地方。不管操场多大,不管你的左边有没有人,都必须站在离操场左边100px的地方。

    后者:XX同学,请保持你左边100px内没有任何人或者操场边。如果在你左边有人了,你就必须站在离他100px的地方。

  • 我是冰霜
    2017-12-13 22:42:16

    right是在定位时用到属性,绝对定位中是相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口;相对定位是相对于以前的位置移动

    margin表示元素与其它元素之间的距离,我理解的外边界,是指一个元素从包起它的边框开始,距离另一个元素的边框的距离


    yy一只小仙...

    那块状元素占一整行时呢margin是div的border到哪里的距离呢,我感觉就是浏览器呀

    2017-12-14 13:10:29

    共 1 条回复 >

  • 枯萎的常青树
    2017-12-13 22:17:56

    就像那个图上表示的那样,比如你设置两个border都为  border:1px solid #000000;一个盒子的外边界都设置成2px,一个盒子的外边距设成0px,那么你看见的两个盒子的间距就是一个外边距的距离 也就是2px。我是这么理解的 也不知道对不对。

    苏一苏骨头 回复yy一只小仙...

    块状元素在不设置宽度的情况下会占一整行,如此时你设置margin-right:100px,则块状元素和叶边距离100px。

    2017-12-28 16:57:50

    共 2 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1223115 学习 · 18212 问题

查看课程

相似问题