布局定位

基础内容

position

  1. absolute:绝对定位的元素,相对于static定位意外的第一个父元素定位(即找到上一个有positon属性的元素)
  2. fixed:生成绝对定位的元素,相当于浏览器窗口进行定位 -> 滚动条时不动
    left,top,right,bottom
  3. relative:生成相对定位的元素,相对于其正常位置定位

    left:20 向left位置+20

  4. static

    left,right,bottom,top均不会生效

  5. inherit:从父元素继承position属性

元素居中定位

  1. 有宽度块标签,自身水平居中
    margin:0 auto
  2. align-content: center + position属性实现水平居中(弹性盒方法)