第十章 定位 层级关系

原创 2017年10月07日 15:55:10

定位

定义:参照参考物来改变自己的位置
属性:position
值:
 1. static 默认定位 遵循文档流
 2. fixed 固定定位 将元素固定在页面的指定位置
 3. relative 相对定位 不使元素脱离文档流 参考位置是在页面第一次加载成功的位置
 4. absolute 绝对定位 使元素脱硫文档流 配合相对定位使用
 绝对定位的元素的位置相对于最近的已经定位的祖先元素
 margin:auto失效
 元素通过 left top right bottom 进行布局

层级关系

z-index 可以调换两个层的位置关系
值:值可正可负 值越大 越在上面
z-index相对和绝对定位的元素有效果 用到最多的就是悬浮导航
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

标签转换、定位、标签层级关系

一.标签转换: html中所有标签都是可以通用的,分为行级标签、行内块级标签、块级标签 1.行级标签:本身不具有宽高,不换行,即使设置了宽度也不生效 解决方法:如果要设置宽高,可以将行级标签转换为行内...
  • hzq0413
  • hzq0413
  • 2017年03月20日 19:57
  • 203

第六节 定位详解、层级、滤镜遮罩

首先解释下定位偏移量和层级的概念。定位偏移量有四个,即top/right/bottom/left,属性值是数字+px,在给元素定位了之后,需要告诉元素往什么方向进行定位。比如left:30px;就是告...

CSS定位之元素的层级

定位练习1 .box1{ width: 100px; height: 100px; background-color: red; position: rel...

浮动、定位和层级

浮动的概念浮动的代码float:left;//左浮动 float:right;//右浮动浮动的特点 浮动的元素会脱离标准流(标准流就是浏览器默认摆放盒子的标准) 浮动后的元素会覆盖在标准流之上 浮动...

Selenium学习笔记之010:层级定位

webdriver层级定位

unity渲染层级关系小结

最近连续遇到了几个绘制图像之间相互遮挡关系不正确的问题,网上查找的信息比较凌乱,所以这里就把自己解决问题中总结的经验记录下来。   Unity中的渲染顺序自上而下大致分为三层。 最高层为C...

decorView和window之间的层级及关系

首先贴出实现Activity对话框圆角的核心代码 @Override public void onAttachedToWindow() { super.onAttachedTo...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第十章 定位 层级关系
举报原因:
原因补充:

(最多只允许输入30个字)