左右两边定宽，中间自适应

.wrap {width: 100%;height: 200px;}
.wrap > div { height: 100%;}
/* 方案1 */
.left {width: 200px; float: left;}
.right { float: right;width: 200px;}
.center {margin: 0 200px;}


/* 方案2 */
.left { width: 200px;float: left;}
.right { float: right;width: 200px;}
.center { width: calc(100% - 400px); margin-left: 200px;}


/* 方案3 */
.wrap {display: flex;}
.left { width: 200px;}
.right { width: 200px;}
.center { flex: 1;}