相对定位
方向的优先级:多个位置偏移量出现 左上为尊
1.相对定位的掺照物是参照自身
2.不会脱离文档流(保留之前位置) 移动是不会影响其他袁术的布局
3.不会改变元素的性质
4.相对定位提高元素的层级 定位是最高的层级
5.z-index:2;在定位里面改变元素谁先谁后(在static里面是无效的)
6.常规后面的元素层级比前面的高
绝对定位
更大的作用:相对定位元素的绝对定位后代元素可相对于他进行移动
1.绝对定位的参照物:有相对定位属性 最近的 祖先元素
2.父相子绝(父亲相对定位,儿子绝对定位,儿子参照父亲移动)
3.偏移量相对于父级的padding-box计算位置(包含padding不包含border)
4.绝对定位完全脱离文档流(不保留原来位置)
5.同级绝对定位元素叠加 后定位在最上面
6.块级化:将元素强行转化为块元素,具有块元素所有性质,不具备独占一 行和父级宽度100%的特性
7.绝对定位使浮动失效
绝对定位与相对定位的区别
最新推荐文章于 2024-07-14 21:05:54 发布