position属性，display属性，float属性

position属性，display属性，float属性

讲到盒模型，有三大属性可以用来控制页面的排版。

 

三大属性：position属性，display属性，float属性。

 

①position 属性控制页面上元素间的位置关系。规定元素的定位类型。

定义建立元素布局要用的定位机制，每一个元素都是可以定位的，不论此元素本身是什么类型，绝对定位（absolute）的元素或固定定位（fixed）的元素会生成一个块级框。

而相对定位（relative）的元素会相对于它自身在正常的文档流中的默认位置来进行偏移。

根据用户等的需求控制和改变页面元素的位置，可以设置上边 右边 下边 左边四个属性的值。值可以为关键词、百分比、绝对单位

 

值           描述

Static       默认值，没有定位。元素出现在正常的流中。（忽略top、right、bottom、left和z-index属性）

一般不会设置这个值，没有意义。

 

relative     生成相对定位的元素，相对于其正常的文档流的位置进行定位。