css样式定位

块级元素和行级元素
  块级元素 以块 的形式展现，跟同级块元素 依次竖直排列 排斥和其他元素位于同一行，  可以设定元素的宽和高
  块级元素一般是其他元素的容器   可以容纳块级元素和行内元素   可以设置 四个方向的 padding  和 margin 值
  常见的块级元素   p  div   hn
  
  行内元素 不可以设置宽和高 但他可以与其他行内元素位于同一行   行内元素尽量不要包含块级元素
  行内元素的高 一般由元素内部的字体大小决定  宽度由内容长度决定  
  只能设置  左右方向的  padding 和 margin     上下无法设置   常见的行内元素   a   span 
  
  
  所有元素  都有一个  display 属性   块级元素的 display 属性值  为  block  
  行内元素的 display属性  为 inline  
 
  img 标签 比较特殊   它是行内元素  但是 可以设置宽和高
  
  还有一种 比较特殊的  就是 脱离了 正常文档流的元素    就没有了  行 和  块 之分  没有了 行快的特性
  
  
  html 文档流：自浏览器窗口  从上到下 从左到右 的顺序 排放元素

脱离文档流三种方式
 1.绝对定位
 2.浮动
 3.固定定位

定位 position
 默认 ：static  按照文档流来定位
 absolute : 绝对定位    以他的包含框为基准进行定位
 relative：相对定位  相对于原本的标准位置 偏移指定的距离
 fixed:固定定位 以浏览器窗口为基准进行定位