display、position填坑

display、position填坑

• display设置元素生成的框的类型，常用值有：
  
  1. none
     此元素不会被显示
  2. block
     块级元素，前后带有换行符
  3. inline
     内联，前后没有换行符
  4. inline-block
     行内块元素，可设置宽高

---

• position设置元素定位类型，常用值有：
  
  1. relative
     相对定位，相对于其原本正常位置进行定位，随后设置left、right、top以及bottom，在文档流中依然占据位置，影响其他元素位置分布
  2. absolute
     绝对定位，相对于static定位以外的第一个父元素，或者最近的relative父级元素，脱离文档流，不影响其他元素位置分布
  3. fixed
     绝对定位，相对于视窗来定位，脱离文档流，意味着页面滚动，还是会停留在相同的位置，效果如网页右下角返回顶部按钮，不影响其他元素分布
  4. static
     无定位，在正常的流中，忽略top、left等或者index声明

---

厚积薄发，持之以恒，以此自勉——离离