Flexbox是CSS3中新增的一個布局模式，它能夠更方便、更有效地實現彈性（flexible）布局。Flexbox提供許多強大的屬性，可以用來控制子元素在父容器中的位置、大小和間距，也可以實現自適應布局，解決了傳統布局方式中很多問題。

要使用Flexbox，需要在父容器上應用display:flex或者display:inline-flex屬性。display:flex將父容器設置為塊級容器，而display:inline-flex將父容器設置為行內容器。下面是示例代碼:

.parent {
display: flex;
}

在Flexbox中，子元素默認是折行的，也就是說它們會被放置在一行里，如果父容器的寬度不足以容納所有的子元素，那么就會將多余的子元素放到下一行。要控制子元素的排布，可以使用以下幾個屬性:

1. justify-content屬性用于水平對齊子元素的位置。通過設置該屬性的值，可以讓子元素在父容器中左對齊、居中、右對齊等等。下面是示例代碼:

.parent {
display: flex;
justify-content: center;
}

2. align-items屬性用于垂直對齊子元素的位置。通過設置該屬性的值，可以讓子元素在父容器中頂部對齊、居中、底部對齊等等。下面是示例代碼:

.parent {
display: flex;
align-items: center;
}

3. flex-wrap屬性用于控制子元素是否折行。通過設置該屬性的值，可以強制子元素在一行內顯示，也可以允許子元素折行到下一行。下面是示例代碼:

.parent {
display: flex;
flex-wrap: wrap;
}

在實際應用中，Flexbox常用于實現自適應布局，特別是在移動設備上的響應式布局。Flexbox的彈性特性可以讓網頁在不同設備上自動適應屏幕大小，提高用戶體驗。