博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css-定位
阅读量:5821 次
发布时间:2019-06-18

本文共 530 字,大约阅读时间需要 1 分钟。

关于定位

我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下:

relative 生成相对定位元素,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移

absolute 生成绝对定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档流的上方,相对于上一个设置了相对或者绝对或者固定定位的父级元素来进行定位,如果找不到,则相对于body元素进行定位。
fixed 生成固定定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档流的上方,相对于浏览器窗口进行定位。
static 默认值,没有定位,元素出现在正常的文档流中,相当于取消定位属性或者不设置定位属性
inherit 从父元素继承 position 属性的值

定位元素特性

绝对定位和固定定位的块元素和行内元素会自动转化为行内块元素

定位元素层级

定位元素是浮动的正常的文档流之上的,可以用z-index属性来设置元素的层级

典型定位布局

1、固定在顶部的菜单
2、水平垂直居中的弹框
3、固定的侧边的工具栏
4、固定在底部的按钮

转载于:https://www.cnblogs.com/mrwuzs/p/8085541.html

你可能感兴趣的文章
线分割平面与平面分割空间问题
查看>>
Cloud Foundry Job图文详解
查看>>
【PMP】Head First PMP 学习笔记 第一章 引言
查看>>
抓住云机遇编排工作 搞定复杂IT工作流
查看>>
docker+python无头浏览器爬虫
查看>>
复位windows网络参数的方法
查看>>
MYSQL的longtext字段能放多少数据?
查看>>
MTK 平台上如何给 camera 添加一种 preview size
查看>>
云计算最大难处
查看>>
提升医疗服务效率 移动临床计算亮相IDF
查看>>
关于数据分析思路的4点心得
查看>>
加班越久故障越多,如何跳出程序员的恶性循环?
查看>>
Memcached安装与配置
查看>>
Ansible二三事
查看>>
美团数据仓库的演进
查看>>
云计算和无人机如何谈出恋爱火花?
查看>>
SAP被评为“大数据”预测分析领军企业
查看>>
联想企业网盘张跃华:让文件创造业务价值
查看>>
施耐德 U.motion Builder软件被爆20多个0Day漏洞
查看>>
中国人工智能学会通讯——电子商务中的个性化推荐技术剖析
查看>>