CSS双飞翼布局和圣杯布局margin-left:-100%;等内容理解

CSS双飞翼布局和圣杯布局margin-left:-100%;等内容理解

注：本文转载自CSS双飞翼布局和圣杯布局margin-left:-100%;等内容理解

网上搜索双飞翼布局和圣杯布局都会有许多不错的文章，在这里给大家推荐一篇博客双飞翼布局和圣杯布局解析！！

我认为：
margin-left 以 父元素 左边框 为参照
margin-right 以 父元素 右边框 为参照
然后下图中的 margin-left:100% 和 margin-left:300px 都是以当时的左侧边框为参照物的

存疑↓↓↓↓↓
这里的100%是相对于父元素（container）来说的，（margin-left的意思是子元素的左边框距离父元素右边框的距离，我这里没考虑padding,border等因素哈），如图：

如何理解margin-left:-100%及margin-left:300px；