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

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

创新互联网站建设提供从项目策划、软件开发，软件安全维护、网站优化(SEO)、网站分析、效果评估等整套的建站服务，主营业务为成都网站建设、成都网站设计，成都App制作以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。创新互联深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

position属性有4个值：

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

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

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

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

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

例子：

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

absolute: 将对象从文档流中拖出,使用left,right,top,bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义

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

重庆分公司，新征程启航

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

其他资讯