css学习的第八天-定位
【摘要】 1.相对定位 代码：position:relative 定义：相对于原来的位置，进行指定方向的偏移，但仍然在标准文档流中，原来的位置会被保留 常用参数：top:1px（上）;left:1px（左）;bottom:1px（下）;right:1px;（右）2.绝对定位 代码：position:absolute; 定义：相对于父级或浏览器的位置，进行指定偏移，不在标准文档流中，...
1.相对定位
代码：position:relative
定义：相对于原来的位置，进行指定方向的偏移，但仍然在标准文档流中，原来的位置会被保留
常用参数：top:1px（上）;left:1px（左）;bottom:1px（下）;right:1px;（右）
2.绝对定位
代码：position:absolute;
定义：相对于父级或浏览器的位置，进行指定偏移，不在标准文档流中，原位置不会被保留
2.1 没有父级元素的前提下，相对于浏览器定位
2.2 假设父级元素存在定位，我们通常会相对于父级元素进行偏移
（即给父级元素设置相对定位positon:relative;但不指定偏移距离，此时绝对定位会相对于父级元素进行偏移（父级元素因为设置了相对定位，原来的位置被保留了），不再相对于浏览器偏移）
2.3 给父级元素设置了相对定位后，此时绝对定位就是相对于父级元素进行偏移
3.固定定位
代码：position:fixed;
自始至终固定在一个位置不再变化
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）