圣杯与双飞翼模型

参见 https://www.cnblogs.com/star91/p/5773436.html

没有比这写的更好的了！

区别

• 圣杯
  1.采用外部盒子的内边距 padding:0 220px 0 200px; 留白两侧
  2.相对定位，移动两侧的left和right

• 双飞翼
  1.采用内部盒子的外边距 margin: 0 220px 0 200px;

负的外边距

margin-left: -100%； //  直接去上一行同一位置
margin-left: -(自身宽度);   // 去上一行的尾部