.box{
width:1200px;
height:100%;
min-height:550px;
border: 1px solid #c0c0c0;
}
/**box上*/
.box-top{
margin: 0 auto;
width: auto;
height:100%;
min-height:80px;
border: 1px solid #c0c0c0;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
text-align:center;
padding:12px;
}
/**box中*/
.box-center{
margin: 0 auto;
width: auto;
height: 100%;
min-height:400px;
border: 1px solid #c0c0c0;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:5px;
text-align:center;
padding:12px;
/* white-space:nowrap;*字体不允许换行 */
}
/**box上左*/
.box-top-left{
width:300px;
height:100%;
min-height:60px;
float: left;
text-align:center;
padding:10px;
border: 1px solid #c0c0c0;
/* border-right: 1px solid #c0c0c0; */
}
/**box上右*/
.box-top-right{
width:800px;
height:100%;
min-height:60px;
float: left;
text-align:center;
margin-left:5px;
padding:10px;
border: 1px solid #c0c0c0;
}
/**box上左*/
.box-center-left{
width:300px;
height:100%;
min-height:380px;
float: left;
text-align:center;
padding:10px;
border: 1px solid #c0c0c0;
/* border-right: 1px solid #c0c0c0; */
}
/**box上右*/
.box-center-right{
width:800px;
height:100%;
min-height:380px;
float: left;
text-align:center;
margin-left:5px;
padding:10px;
border: 1px solid #c0c0c0;
overflow:scroll;
}
</span>
<div class="box">
<div class="box-top">
<div class="box-top-left">a</div>
<div class="box-top-right">b</div>
</div>
<div class="box-center">
<div class="box-center-left">c</div>
<div class="box-center-right">
<table class="center-box">
<thead></thead>
<tbody></tbody>
</table>
</div>
</div>
</div>