web中的定位

  1. 标准文档流定位
  2. position定位
  3. float定位

1.标准文档流定位就是html元素固有的在页面显示的位置,如块级元素单独成行,内联元素可以一行多个显示

2.position定位

position取值有static,relative,absolute,fixed,inherit

static,默认值,就是有标准文档流效果,

relative,这是相对于元素本身标准的文档流位置进行定位,这时元素可还在标准的文档流中

absolute,决对定位,这时元素脱离标准文档流,top值不超过视屏时,是相对于视屏进行定位,也可以超过视屏,

inherit,是子元素继承父元素的定位方式

定位时出现层级关系,可设置元素的z-index改变元素的层级关系,

float,元素进行左右浮动定位,脱离文档流,













你可能感兴趣的:(css)