圣杯布局中 margin-left: -100%的理解

1. 对margin值的解释：

①父子关系时：margin-left是指孩子左边界线与父亲左边界线(若父亲有左padding值，指的就是这条padding线)的距离。margin-right是指孩子右边界线与父亲右边界线(若父亲有右padding值，指的就是这条padding线)的距离。
②兄弟关系时：margin-left指的是我的左边界线与我左兄弟的右边界线(若兄弟有右padding值，指的就是这条padding线)之间的距离。margin-right 指的是我的右边界线与我右兄弟的左边界线之间的距离(若兄弟有左padding值，指的就是这条padding线)。

2. 对于margin取负值的理解：

margin负值会改变元素占据的空间。要是不给他负值，一定是在第二行显示，因为他占据空间。
本示例，left的宽度为200px，当我设置left的margin-left为200px，和他宽度一样时：会出现这样的结果：

3. margin-left属性的值为百分比时的含义：

当margin-left的值百分比时，是相对于父元素宽度的百分比

4. 对于float的解释

中间元素，左边，右边都设置了浮动，其实我们可以假设他们就处于一条线上了，只是由于空间不够，所以左右元素被挤下来了

1.圣杯布局

由于父元素设置了padding，参照第一点的解释（margin-left是指孩子左边界线与父亲左边界线(若父亲有左padding值，指的就是这条padding线)的距离。）参照图解，所以我们还必须把left往左移动自身宽度的px

2. 双飞翼布局