---
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; 
 } 

```