黑马程序员技术交流社区

标题: 【上海校区】position四个值 [打印本页]

---

作者: 梦缠绕的时候    时间: 2018-7-20 15:04
标题: 【上海校区】position四个值

1、relative 相对于本身进行位移

给child1设置position: relative; top: 50px;left: 50px;

可以看到chid1相对于之前的位置进行了偏移

2、absolute

1、子绝父相 如果parent设置了absolute值，child就会按照父元素的左上角进行偏移

      如果父元素设置的padding值，子元素就会忽略padding

父元素设置padding：50px

父元素没有设置padding

2、如果父元素没有position属性，则会以body作为参照点偏移

3、fixed

以浏览器窗口进行偏移

4、static

标准文档流排列，position的默认值

---

作者: wuqiong    时间: 2018-7-23 11:43

---

作者: 摩西摩西OvO    时间: 2018-7-23 13:53

---

作者: 不二晨    时间: 2018-7-23 17:24
优秀，奈斯

---

作者: 吴琼老师    时间: 2018-7-26 16:25

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2