直接上代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!-- table布局
<table width="100%" style="min-width:1200px;">
<tr>
<td style="background: #ddd;">123</td>
<td style="width:600px;background: #cc002e;">3544542323232323232323232323232323232323232323232323232323</td>
<td style="background: #ddd;">321</td>
</tr>
</table>
-->
<!--模拟table布局-->
<ul style="width:100%;display: table;">
<li style="background: #ddd;">123348</li>
<li style="width:600px;background: #cc002e;">234234</li>
<li style="background: #ddd;">234348</li>
</ul>
</body>
</html>
同理如果左中右布局,左右固定宽度,中间自适应,也可以采用这种方法