圣杯布局： blog.csdn.net/qq_38128179…
双飞翼布局： blog.csdn.net/qq_38128179…
其中核心代码 magin-left:-100% 这个百分比是以父元素内容长度的百分比，该父元素内容长度需要去除padding magin border。由于长度设置为了100%，需要一整行的宽度补偿margin，则移到最左边。
magin-right：-150px margin负值会改变元素占据的空间，及移到父元素的最右边，并且该子元素width即为150px
其中：最左侧样式magin-left:-100%，最右侧样式margin-right:-150px margin-left为负是子元素相对于父元素的最右侧位置，100%的意思就是相对于父元素有边框距离为100%，这样子元素左边框与父元素左边框重合，实现元素居左
