定位体系

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了定位体系相关的知识,希望对你有一定的参考价值。

盒模型,定位

1.盒模型用到的属性width,height,padding,border,margin

普通文档流的上下垂直margin会叠加

 

2.块级框 与 行内框, 利用display属性来改变特性,display:block,display:inlne-block

 

3. 3种基本的定位机制:普通流,绝对定位,浮动

 

4.相对定位

是普通流定位的一部分,与文档流相关,根据自身原先的位置进行移动

无论是否移动都占据原来空间position:relative

设置top,right,bottom,left的属性值进行移动

 

5.绝对定位

不占空间与文档流无关,

根据距离最近的已定位的祖先元素进行定位position:absolute

text-align:top / right / bottom / left

 

固定定位

是绝对定位的一种position:fixed

差异是包含块是视口

 

以上是关于定位体系的主要内容,如果未能解决你的问题,请参考以下文章

三种定位体系简介

定位体系

定位体系之浮动

敏捷个人新体系学习 - 2.定位

软件测试体系学习及构建(25)Selenium使用丨元素定位和函数调用

化工厂定位系统健全企业安全体系