18 lines
514 B
Markdown
18 lines
514 B
Markdown
---
|
||
title: "Use display: flex to Position Two Boxes"
|
||
localeTitle: “使用显示器
|
||
---
|
||
## 使用display：flex定位两个Box
|
||
|
||
[Flexbox](https://github.com/freecodecamp/guides/tree/master/src/pages/css/layout/flexbox/index.md)是一种在CSS3中构建内容的方法，允许您创建响应式网站。
|
||
|
||
这个挑战是在使用Flexbox时设置第一步。您需要通过添加_display：flex;_使父容器成为flex容器_。_到它的CSS部分。
|
||
|
||
例：
|
||
|
||
```CSS
|
||
#main-container {
|
||
display: flex;
|
||
}
|
||
|
||
``` |