服务热线
13518194439
php主流框架
2天前
网站搭建安装Linux/Windows+PHP+MySQL环境部署，宝塔，phpstudy控制面板配置
1周前
-
源码搭建服务
2周前
车位排号系统
3周前
简单项目数据统计管理
1个月前
首页 经验教程正文
css 定位 绝对定位 相对定位
一：绝对定位
position: absolute
绝对定位：绝对定位是相对于元素最近的已定位的祖先元素，如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（也就是body）。
绝对定位本身与文档流无关，因此不占空间，普通文档流中的元素的布局就当绝对定位的元素不存在时一样，所以它们可以覆盖页面上其他的元素，且可以通过z-index属性来控制这些层的相应顺序。
二：相对定位
position: relative
相对定位：相对位置的坐标参考系是以自己上一次的位置（x，y）作为原点（0，0）。
注意：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。
position: absolute
绝对定位：绝对定位是相对于元素最近的已定位的祖先元素，如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（也就是body）。
绝对定位本身与文档流无关，因此不占空间，普通文档流中的元素的布局就当绝对定位的元素不存在时一样，所以它们可以覆盖页面上其他的元素，且可以通过z-index属性来控制这些层的相应顺序。
二：相对定位
position: relative
相对定位：相对位置的坐标参考系是以自己上一次的位置（x，y）作为原点（0，0）。
注意：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。
唐长老网络 https://www.tzlwl.com/post/91.html 转载需授权！
- 最新发布
- 7天热门
猜你还喜欢这些...
-
jQuery获取select选中值的文本
实际代码：varcheck=$("#checkoption:sel...
-
网站开发流程有哪些 需要几步？
网站开发流程有哪些第一步:分析需求在最初获得项目的时候，有必要进行需求分析。分析...
-
多个图片点击跳转对应位置
例子:<img src="/uploads/2020/...
-
后台管理系统,前端框架.基于layui 开发的
后台管理系统,前端框架本人使用过的后台管理系统的前端框架.统计! &n...
-
一次小漏洞..
一次小漏洞..客户打开指定带sign地址然后提交手机号到数据库绑定...
-
一键去除快捷方式小箭头和小盾牌
一键去除快捷方式小箭头和小盾牌这些角标记的功能如下所示。1.快捷角是为了提醒这个...
最新评论