服务热线
13518194439
R5任务网客户群
3周前
站群系统
4周前
代练订单管理系统
4周前
网站开发流程有哪些 需要几步？
4周前
思然任务网-试运营半个月
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天热门
猜你还喜欢这些...
-
网站开发流程有哪些 需要几步？
网站开发流程有哪些第一步:分析需求在最初获得项目的时候，有必要进行需求分析。分析...
-
多个图片点击跳转对应位置
例子:<img src="/uploads/2020/...
-
后台管理系统,前端框架.基于layui 开发的
后台管理系统,前端框架本人使用过的后台管理系统的前端框架.统计! &n...
-
一次小漏洞..
一次小漏洞..客户打开指定带sign地址然后提交手机号到数据库绑定...
-
一键去除快捷方式小箭头和小盾牌
一键去除快捷方式小箭头和小盾牌这些角标记的功能如下所示。1.快捷角是为了提醒这个...
-
易语言 运行() 报错
易语言运行()报错1.测试运行(“update.exe”,假,)&n...
最新评论