淘宝要提出「双飞翼」布局

HTML:

<header>header</header>
<section class="wrapper">
　　<section class="col main">
　　　　<section class="main-wrap">main</section>
　　</section>
　　<aside class="col left">left</aside>
　　<aside class="col right">right</aside>
</section>
<footer>footer</footer>

CSS:

header {height: 50px;background-color: #666;color:#fff;}

.wrapper {color:#fff;overflow:hidden;}
.col {float: left;}
.main { 100%;background-color: #555;}
.main-wrap {margin: 0 100px 0 100px;height: 200px;}
.left { 100px;height: 200px;margin-left: -100%;background-color: #999;}
.right { 100px;height: 200px;margin-left: -100px;background-color: #999;}

footer {height: 50px;background-color: #666;color:#fff;}

图片：