實作左右固定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>