首页 > web前端 > html教程 > CSS定位:相对定位、绝对定位和固定定位(relative absolute fixed)

CSS定位:相对定位、绝对定位和固定定位(relative absolute fixed)

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-08-18 08:57:58
原创
1510 人浏览过

相对定位:position:relative;

  不脱离文档流,参考自身静态位置通过top,bottom,left,right定位,并且可通过z-index进行层次分级。

绝对定位:position:absolute;

  脱离文档流,通过top,bottom,left,right定位,选取其最近的父级元素进行定位,当父级元素position为static时,absolute元素将以body坐标原点进行定位,可通过x-index层次分级。

固定定位:position:fixed;

  这里他所固定的对象是可视窗口而并非body,或父级元素,可通过z-index进行层次分级。

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
静态定位和相对定位的区别
来自于 1970-01-01 08:00:00
0
0
0
css - div 自适应高度 自动填充剩余高度
来自于 1970-01-01 08:00:00
0
0
0
绝对 div 位于固定导航栏上方一层
来自于 1970-01-01 08:00:00
0
0
0
绝对位置但相对于父级
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板