web前端css的3种定位属性
CSS的定位属性有三种,分别是相对定位、绝对定位、固定定位。
1. 相对定位//占坑定位,不脱标。还占着标准流里的原来位置,只是参照自己原来位置进行偏移。
定义:相对于自己原来的位置进行位置调整。一般用于位置微调。
用途:
1)微调自己的位置
2)做子元素绝对定位的参考,子绝父相
2. 绝对定位//脱标定位,脱离标准流。
定义:相对于定位的父元素进行自己的位置调整。定位的父元素可以是相对定位、绝对定位、固定定位,是最靠近的父元素。
用途:
1)绝对定位之后,标签就不区分行内元素、块级元素了,不需要display:block
就可以设置宽、高。
2)压盖效果实现
3. 固定定位
定义:相对于浏览器窗口进行定位。无论页面如何滚动,这个盒子显示的位置不变。
用途:
1)返回顶部实现
【web前端css的3种定位属性】2)导航栏实现
转载于:https://www.cnblogs.com/yongfengnice/p/10762569.html
推荐阅读
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 私有化轻量级持续集成部署方案--03-部署web服务(下)
- Jsr303做前端数据校验
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- spring|spring boot项目启动websocket
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 前端代码|前端代码 返回顶部 backToTop
- OC:|OC: WKWebView详解
- WKWebview|WKWebview js 调用oc 和oc调用js
- 3.css浮动