css5定位

css

• 一.定位
• • 1.概念（定位=定位模式+边位移）
  • 2.静态位移static（不常用）
  • 3.相对定位relative（不脱标）（占位置）
  • 4.绝对定位absolute（脱标）（不占位置）
  • 5.固定定位fixed（脱标）（不占位置）（一个小算法）
  • 6.粘性定位sticky（不脱标）（占位置）
  • 7.总结
  • 二.子绝父相
  • 三.叠放次序（z-index)(定位的盒子才用）
  • 四.定位拓展
  • • 1.绝对定位盒子居中
    • 2.定位的特殊性
    • 3.脱标的盒子不会触动外边距塌陷
    • 4.绝对（固定）定位会压住盒子
    • 五.元素的显示与隐藏
    • • 1.display
      • 2.visibility
      • 3.overflow
      • 4.总结
      • ��.网页布局总结

        一.定位

        1.概念（定位=定位模式+边位移）

        why

        定位模式

        边位移

        2.静态位移static（不常用）

        相当于标准流，无边位移

        3.相对定位relative（不脱标）（占位置）

        4.绝对定位absolute（脱标）（不占位置）

        5.固定定位fixed（脱标）（不占位置）（一个小算法）

        eg：

        6.粘性定位sticky（不脱标）（占位置）

        7.总结

        二.子绝父相

        三.叠放次序（z-index)(定位的盒子才用）

        四.定位拓展

        1.绝对定位盒子居中

        eg：

        2.定位的特殊性

        绝对定位和固定定位和浮动类似

        不需要display即可有行内块属性

        3.脱标的盒子不会触动外边距塌陷

        浮动的盒子也不会

        只有标准流会

        4.绝对（固定）定位会压住盒子

        but

        浮动不会

        五.元素的显示与隐藏

        1.display

        2.visibility

        3.overflow

        4.总结

        六.网页布局总结