垂直对齐和定位、锚点

垂直对齐和定位、锚点

1.垂直对齐  vertical-align：默认值baseline      居中middle
  行高的顶端top             文字的顶线 text-top
  行高的底部bottom          文字的底线 text-bottom
  必须是行内块元素或设置了display：inline-block

2.定位position
（1）absolute 绝对定位  脱离文档流  多个元素同时进行定位，后面的元素在最上面，可以通过z-index改变层叠顺序，默认值是0，数值越大越靠上    参照物为浏览器的第一屏，父元素（前提是父元素有定位）
（2）relative  相对定位  不脱离文档流 多个元素进行同时定位，不会发生层叠，后面的元素在上面，也可通过z-index改变层叠顺序。相对定位之后的元素即使移动了原始的位置，但是原有的位置还是存在  参照物为自己的初始位置
（3）fixed  固定定位  脱离文档流  多个元素同时进行定位，后面的元素在最上面，可以通过z-index改变层叠顺序，默认值是0，数值越大越靠上  参照物是浏览器的当前窗口，并且移动滚动条的时候该元素是不动的

3.实现一个元素水平垂直居中
（1）给父元素添加line-height和text-align：center
	给子元素添加vertical-align：middle；display：inline-bloc