flex布局
.container{display: flex;}.left{width: 200px;background-color: red;}.right{width:200px;background-color: red;}.center{flex:1;background-color:blue}
浮动+margin
<style>*{padding:0;margin:0}.left{width: 200px;background-color: red;float: left;}.right{width:200px;background-color: red;float: right;}.center{margin:0 200px;background-color:blue}
</style>
<body><div class="container"><div class="left">left</div><div class="right">right</div><div class="center">center</div></div>
</body>
浮动+BFC
<style>*{padding:0;margin:0}.left{width: 200px;background-color: red;float: left;}.right{width:200px;background-color: red;float: right;}.center{overflow: hidden;background-color:blue}
</style>
<body><div class="container"><div class="left">left</div><div class="right">right</div><div class="center">center</div></div>
