实现左右固定px，中间自适应的三列布局(双飞翼布局)

<style>
        .main{
            height: 100px;
            display: flex;
        }
        .left{
            width: 200px;
            background-color: antiquewhite;
        }
        .center{
        	//按照父元素的比例伸缩
            flex-grow: 1;
            background-color: aqua;
            
        }
        .right{
            width: 200px;
            background-color: bisque;
        }
    </style>

    <div class="main">
        <div class="left"></div>
        <div class="center"></div>
        <div class="right"></div>
    </div>