ex.左100px 右150px 中央は100%に広げたい
left
100px
100px
center
右と左の残り
右と左の残り
right
150px;
150px;
<div class="tablewidth"> <div class="tablewidth_left">left<br />100px</div> <div class="tablewidth_center">center<br />右と左の残り</div> <div class="tablewidth_right">right<br />150px;</div> </div>
.tablewidth{ max-width:700px; margin:50px auto; text-align:center; display:flex; } .tablewidth_left{ width:100px; background:#ff0000; } .tablewidth_center{ flex:1; background:#c0c0c0; } .tablewidth_right{ width:150px; background:#0072ff; }