/* 双飞翼布局 */
/* float flet 主体在前 内容在嵌入一个标签 左右的标签 通过marginleft 调整*/
.article{
overflow: hidden;
}
.article .left{
background: blue;
float: left;
width: 150px;
color: white;
/* 撑满全局 overflow */
margin-bottom: -9999px;
padding-bottom: 9999px;
height: 16px;
margin-left: -100%;
}
.article .right{
background: aquamarine;
float: left;
width: 100px;
margin-bottom: -9999px;
padding-bottom: 9999px;
margin-left: -100px;
}
.article .middle{
background: brown;
float: left;
margin-bottom: -9999px;
padding-bottom: 9999px;
width: 100%;
}
.inner{
margin-left: 150px;
margin-right: 100px
}