第十章 定位 层级关系

原创 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相对和绝对定位的元素有效果 用到最多的就是悬浮导航
版权声明:本文为博主原创文章,未经博主允许不得转载。

浮动、定位和层级

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

浏览器兼容position 定位层级关系

只是简单的写了定位关系,没有写 宽高  style="position:relative;z-index:5;" >  style="position:rela...
  • w1158384189
  • w1158384189
  • 2015年12月15日 10:44
  • 726

相对、绝对、固定定位,以及其层级关系和脱离文档流的影响

定位:一般父级用相对定位,子级用绝对定位 1.相对定位:position:relative 2.绝对定位:position:absolute 3.固定定位:position:fixe...
  • MYTLJP
  • MYTLJP
  • 2017年10月11日 23:12
  • 371

webdriver_定位之层级定位

定位目标: 携程官网→如图红色框内元素 HTML源码: 定位思路: 一:通过classname 定位#定位自由行 current = dr.find_elements_by_class_nam...
  • xie_0723
  • xie_0723
  • 2016年01月30日 22:39
  • 1252

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

webdriver层级定位
  • jlhx123456
  • jlhx123456
  • 2015年07月21日 23:17
  • 1302

第10章-定位、层级关系

1.static 默认属性。块级元素→矩形框,行级元素→行框 2.fixed 类似于absolute,但包含块是视窗本身 3.relative 原本所占的空间...
  • dairenwu
  • dairenwu
  • 2017年09月24日 22:03
  • 58

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

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

jQuery的层级关系

jQuery的层级关系   jQuery层级关系分为祖先关系、父子关系、兄弟关系   下面来一一介绍如何表示这些关系   以以下的html代码为例:              ...
  • hanxiaoshuang321123
  • hanxiaoshuang321123
  • 2012年02月29日 22:55
  • 921

UINavigationController 层次关系

参考: http://www.cnblogs.com/ygm900/p/3659619.html http://blog.csdn.net/happysdh/article/details/5...
  • aabv54321
  • aabv54321
  • 2017年02月03日 20:58
  • 484

层级关系的数据展示

       层次关系的数据展示,即我们常说的数据展示分析。举个例子,好比有A,B,C三个教师,每个教师带几个学生,假设A教师带S1,S2,S3三个学生,B教师带S4,S5,S6三个学生,C教师带S7...
  • zyming0815
  • zyming0815
  • 2010年06月01日 12:04
  • 2404
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第十章 定位 层级关系
举报原因:
原因补充:

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