前端Day04

常见图片格式：

 

 

 

定位 = 定位模式+边偏移

 

 

 

 

 

静态定位static：默认定位方式，即无定位。

 

相对定位relative：相对原位置进行移动，原来标准流的位置仍占有，不脱标。故一般用于父元素。

 

绝对定位absolute：相对祖先元素移动，原标准流位置不占有，脱离标准流。一般用于子元素。(给父元素赋定位则子元素绝对定位不会脱离)

 

 

 

固定定位fixed：将元素固定于浏览器可视区的位置，以浏览器为参考基准。相当于特殊的绝对定位。

 

 

 

粘性定位sticky：相当于相对定位和固定定位的混合。必须添加边偏移才生效（top，left，right，bottom）

 

 

定位总结：

 

 

z-index:设置定位叠放次序

 

绝对定位水平居中：left：50%，margin-left：负值为盒子宽度一半

 

定位特殊性：

 

脱标的盒子不会发生外边距塌陷