822 B
822 B
id, title, challengeType, videoUrl, forumTopicId
| id | title | challengeType | videoUrl | forumTopicId |
|---|---|---|---|---|
| 587d78ab367417b2b2512af0 | 使用 display: flex 定位两个盒子 | 0 | https://scrimba.com/p/pVaDAv/cgz3QS7 | 301105 |
--description--
这节我们会使用不同的挑战方式来学习如何使用 CSS 更灵活地布局元素。首先我们会通过一个挑战来解释原理，然后通过操作一个简单的推文组件来应用弹性盒子（flexbox）。
只要在一个元素的 CSS 中添加 display: flex;，就可以使用其它 flex 属性来构建响应式页面了。
--instructions--
请为 #box-container 添加 display 属性，并设置其属性值为 flex。
--hints--
#box-container 应具有 display属性，其属性值应为 flex。
assert($('#box-container').css('display') == 'flex');