关于「圣杯布局」
margin-left:-100%;怎么理解以left为例,正的外边距就是它的左边线与左边的其他占位对象的边距,负的外边距就是它的左边线与右边的其他占位对象的边距,由于浮动的缘故只要盒子的边框一跑到父容器的外面,它就能上去,也就是说其实 margin-left 设为盒子本身的宽度 -200px 时它就能上位了。
margin-left:-100%;
圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现示例