定位、自适应的基本知识

定位position

值	说明	文档流	参照物	层叠顺序
staitc	默认值	默认	默认	z-index属性不带单位，可以负值，数值越大，越靠上；没有设置的话，最后写的显示在最上层，
absolute	绝对定位	脱离	如果没有父元素或者父元素没有定位，参照浏览器第一屏；反之参照父元素
relative	相对定位	不脱离	自己的初始位置
fixed	固定定位	脱离	浏览器窗口
sticky	粘性定位	可以起到吸顶效果。css3新特性，兼容性不是很好

如果仅仅设置position属性，还要设置偏移量，否则不生效

如果有多个盒子相交的部分，后设置定位的盒子显示在上面，想让被覆盖的盒子显示在上面，可以通过z-index的数值设置，可以设置为负值

如果在父子盒子中，设置父盒子z-index是不生效的，但是可以设置子盒子z-index为负值，就可以被父盒子覆盖

将行内元素转化为块元素有三种方法
1、设置diplay为block
2、设置position为absolute
3、设置float

绝对定位脱离文档流是全部脱离，会覆盖文本
浮动是半脱离，不会覆盖文本，会环绕浮动盒子

锚点：用的是a标签
a中的属性href的值为#id，这个值为锚点的id值，不能用class

精灵图：针对的是只展示图片中的一部分
利用background-position将背景进行移动

元素自适应：一般情况下，宽高不设置的话，默认是auto自适应，也有其它自适应属性，如min-width、max-height等

伪元素：相当于添加了一个元素标签，但是文本内容无法选定
一般形式如

div::before{
		......
	}

了解一下就行

窗口自适应：
如果需要相对窗口自适应，需要先将html、body的高度为100%

对于多栏布局，可以用函数clac()自适应