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定位规则