​【实现三栏布局的7种方法】需求:实现左右两栏固定宽度,中间一栏自适应宽度。以下是总结的7种方法可以实现这个需求。

1. 浮动float + calc();

2. 浮动float + margin 负值;

3. 圣杯布局;

4. 双飞翼布局;

5. 定位position;

6. 弹性布局 flex;

7. 网格布局 grid;

如有问题,请指正我修改。欢迎评论交流!!!觉得不错请给个赞👍😁#艾编程前端笔记# #前端##科技微讯# #css布局# #网页布局#
展开
艾编程前端博客于2022-10-08 03:35发布的图片
1