css左中右布局-两边自适应

最新推荐文章于 2022-04-09 21:43:24 发布

Baron的博客

最新推荐文章于 2022-04-09 21:43:24 发布

阅读量2.6k

点赞数

分类专栏： html 文章标签： html 布局 css 前端

本文链接：https://blog.csdn.net/u013047660/article/details/48239719

版权

html 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

直接上代码

<!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>

同理如果左中右布局，左右固定宽度，中间自适应，也可以采用这种方法