使用定位实现左中右布局，中间内容自适应

定位有俩种方式：

1、左右使用定位，中间正常；
2、左中右都使用定位；

第一种方法：(注意div.center的位置)

.box{
    
	position: relative;
}
.left{
    
    position:absolute;
    left: 0;
    width:200px;
}

.right{
    
    position:absolute;
    right: 0;
    width:200px;
}
.center{
    
    padding:0 200px;
}

<div class="box">
  	<div class="left">我是左边</div>
    <div class="right">我是右边</div>
    <div class="center">我是中间</div>
    <!--注意center的位置，!!!!放到最后，因为定位脱离文档流不占高度-->
</div>

第二种方法

.box{
    
	position: relative;
}
.left{
    
    position:absolute;
    left: 0;
    width:200px;
}

.right{
    
    position:absolute;
    right: 0;
    width:200px;
}
.center{
    
    position: absolute;
    left: 200px;
    right:200px;
}

<div class="box">
  	<div class="left">我是左边</div>
    <div class="center">我是中间</div>
    <div class="right">我是右边</div>
</div>