ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

定位

2021-11-13 18:33:36  阅读:137  来源: 互联网

标签:定位 位置 元素 绝对 固定 position


position: absolute;
绝对定位指的是通过规定HTML元素在水平和垂直方向.上的位置来固定元素,基于绝对定位的元素不会占据空间。

绝对定位的位置声明是相对于已定位的并且包含关系最近的祖先元素。如果当前需要被定为的元素没有已定位的祖先元素作为参考值,则相对于整个网页。




position: relative;

相对定位与绝对定位的区别在于它的参照点不是左上角的原点,

而是该元素本身原先的起点位置。并且即

使该元素偏移到了新的位置,也仍然从原始的起点处占据空间。


position: fixed;

固定定位永远都会相对于浏览器窗口进行定位,固定定位会固定在浏览器的某个位置,不会随滚动条滚动。最常用的就是电脑里面是不是弹出的小广告,

如果

你不差掉它,当时滑动鼠标查看网页时,小广告- -直会在那里,还有常用的就是网站或者APP的导航栏和底部的选择栏。

标签:定位,位置,元素,绝对,固定,position
来源: https://www.cnblogs.com/sunyurou/p/15549366.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有