<body>
<div class="content">
<div class="main">
<div class="main_content">
中间自适应
</div>
</div>
<div class="left">
<p>I'am left</p>
</div>
<div class="right">
<p>I'am right</p>
</div>
</div>
</body>
*{
padding: 0;
margin: 0;
}
.content{
box-sizing: border-box;
width: 100%;
}
.main{
width: 100%;
float: left;
}
.main_content{
background: #f66;
margin: 0 200px;
height: 100px;
}
.left{
background:#fcc;
width: 200px;
float: left;
margin-left: -100%;
height: 50px;
}
.right{
background: #fcc;
width: 200px;
float: left;
margin-left: -200px;
height: 60px;
}
