首页  >  文章  >  web前端  >  css属性相对定位,绝对定位,固定定位

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

不言
不言原创
2018-05-03 14:49:432145浏览

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

定位

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

           


以上是css属性相对定位,绝对定位,固定定位的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn