文章目录

• 1 两栏布局
• • 1.1 浮动 + margin
  • 1.2 浮动 + BFC
  • 1.3 flex布局
  • 1.4 左绝父相 + margin
  • 1.5 右绝父相 + 方向定位
• 2 三栏布局
• • 2.1 子绝父相 + margin
  • 2.2 flex布局
  • 2.3 浮动 + margin
  • 2.4 圣杯布局
  • 2.5 双飞翼布局
• 3 水平垂直居中
• • 3.1 绝对定位 + translate
  • 3.2 绝对定位 + margin
  • 3.3 绝对定位 + margin
  • 3.4 flex布局