跳到主要内容
CodeWiki
练习
学习路径
学习方向
速查表
试验场
术语表
AI 时代
搜索
⌘K
中文
英语
中文
练习
学习路径
学习方向
速查表
试验场
术语表
AI 时代
中文
英语
中文
练习
/
测验
/
前端
/
CSS 网格布局
一个 700px 网格使用 200px 1fr 2fr,并在相邻列间设置 20px 间隔。弹性空间怎样分配?
来自 CSS 网格布局
CSS Grid Layout Module Level 2
进阶
1分钟
一个 700px 网格使用 200px 1fr 2fr,并在相邻列间设置 20px 间隔。弹性空间怎样分配?
两条弹性轨道按 1:2 分配剩余的 460px。
它们分别取得完整 700px 的三分之一与三分之二。
每个 fr 始终等于 100px。
间隔只从 200px 轨道中扣除。
检查
向 AI 询问这道练习
报告错误
上一道练习
grid-auto-flow: dense 用后面的交互项目回填前面的空洞时,审查重点是什么?
测验
下一道练习
这个页面会在浏览器中输出什么?
预测输出
有新版本可用
重新加载