欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css属性相对定位,绝对定位,固定定位

程序员文章站 2022-03-27 14:37:58
...

这篇文章主要介绍了关于css属性相对定位,绝对定位,固定定位,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

定位

1. 相对定位(position:relative)
    即相对于自己原先的位置定位,当盒子移动之后,原先的位置依然在存在
2. 绝对定位(position:absolute)
    默认是以body为基准定位,如果父级设置为相对定位之后,子元素的绝对定位就会以父级为起点.    定位之后能够设置框高
3.  固定定位(position:fixed)
    即相对于游览器定位,永远固定在用户的可视范围内
4. 定位方向冲突
    水平冲突(即left和right都设置),先执行left的设定
        垂直冲突,值执行top的设定.

以上就是css属性相对定位,绝对定位,固定定位的详细内容,更多请关注其它相关文章!