爱清生

赞

2

|

搜索文章

赞

文章( 1 ) 沸点( 1 )

一碗周

前端造梦师

·
3年前
举报
#每日一题#
第151题：动手实现一个左右固定100px，中间自适应的三列布局(至少三种)

我的答案

1. flex：content使用flex:1属性;
2. calc：水平排列，中间使用calc(100vw - 200px)；
3. grid：使用grid-template-columns: 100px auto 100px；
4. absolute：父相子决，通过left，right实现；
5. table布局
6. float布局
展开

收起

查看大图

向左旋转

向右旋转

分享

评论

9

个人成就

文章被点赞 11

文章被阅读 2,329

加入于

2022-04-02