双飞翼布局

.main{float:left;background:red;height:300px;width:100%;}
.sub{ float:left;background:blue;width:200px;height:300px;margin-left:-100%;}
.extra{float:left;background:yellow;width:100px;height:300px;margin-left: -100px;}
.main_container{margin:0 100px 0 200px;background:black;height:300px;}

<div class="main"><div class="main_container bai">1</div></div>
<div class="sub">2</div>
<div class="extra">3</div>
   

符合"渐进增强"标准+栅格理论，同时兼容性也不错，几乎没有到用hack