首页 > CSS position财产

CSS position财产

CSS在position位置信息要素用于表示属性。

有三个起飞值:static, absolute, relative。

假设元件不显式配置position财产,该元素默认position 值至static。

1、static:这是表示该元素依照排列和嵌套的顺序和规则应该在的位置,此时设置top,right,left, bottom属性是无效的。

2、absolute:位置參考点是离其近期的配置了position属性值为非static的父节点元素。假设其全部父节点都没有显式配置position属性,则以浏览器窗体的位置为參考。此时设置top,right,left, bottom属性值有效。

3、relative:位置參考点是其原有位置(该元素position配置为static的位置),此时设置top,right,left, bottom属性值有效;



z-index属性是用于指定三维坐标(x,y,z)在z坐标值。那值缺省值是0,它可以被设置为正数,它可以被设定为负,值更大。演出z更多前方轴方向。

注意:该物业必须元素进行配置position财产值至relative/absolute的前提下,是有效的。

转载于:https://www.cnblogs.com/gcczhongduan/p/4589528.html

更多相关:

  • 文档树Document Object Model (DOM) 为文档对象模型, 它使用对象的表示方式来表示对应的文档结构及其中的内容。下面为一个样例 p 元素在文档中的对象所包含的所有属性。控制台:p#domaccessKey: ""align: ""assignedSlot: nullattributeStyleMap: Style...

  • 1、封装 什么是封装?   1.对外部隐藏内部的属性,以及实现细节,给外部提供使用的接口     注意:封装有隐藏的意思,但不是单纯的隐藏     学习封装的目的:就是为了能够限制外界对内部数据的访问   python中属性的权限分为两种:   1.公开的     没有任何限制,谁都可以访问   2.私有的     只有当前类本身能狗...

  • jquery:js框架; 主要区别在dom的操作 jq需要引入文件并且引入顺序在最上面; 找元素 操作元素 js:doucument.getElementById..classname,tagname,name jq:$(选择器) dom是js对象 jqDom是jquery对象 操作内容 js:dom.innerHTML(非表单元素)...

  • Mock.js 的语法规范包括两部分: 数据模板定义规范(Data Template Definition,DTD)数据占位符定义规范(Data Placeholder Definition,DPD)1.数据模板定义规范 DTD 数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值: // 属性名 name // 生...

  • vue   vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲, Vue.js 集中在 MVVM 模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的 DOM 操作和输出格式被抽象出来成指令和过滤器。相比其它的 MVVM 框架,Vue.j...

  • 给定一个非负整数数组,你最初位于数组的第一个位置。 数组中的每个元素代表你在该位置可以跳跃的最大长度。 判断你是否能够到达最后一个位置。 示例 1: 输入: [2,3,1,1,4] 输出: true 解释: 我们可以先跳 1 步,从位置 0 到达 位置 1, 然后再从位置 1 跳 3 步到达最后一个位置。 示例 2:...