CSS中怎么使用position属性定位-创新互联

CSS中怎么使用position属性定位，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

position属性有4个值：

默认是static，无特殊定位，对象遵循HTML定位规则（一般使用margin、padding）

fixed未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范

absolute绝对定位（相对于最近的父元素，假如父元素都是默认的static，那么将相对body进行定位，如果父元素为relative定位，那么就相对该父元素进行定位）

relative相对定位（相对于自己，在原来位置上移动。与static相比，top、bottom、left、rigth生效，而static不生效）

relative不脱离文档流，而absolute脱离文档流。

例子：

 
 
 
 
 
 
 
 
 
 
 
static: 默认值。无特殊定位，对象遵循HTML定位规则