本文共计1048个文字，预计阅读时间需要5分钟。

一. Flex布局与基础组件Flex布局（Flexible Box）是一种简写，意味着弹性布局。它用于提供盒状模型的最大灵活性，以适应不同屏幕尺寸和设备。任何容器都可以被指定为Flex布局。

1. 确定弹性布局的大小，设置为百分之百。

一. Flex布局与基础组件

Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。

1.先规定弹性布局的大小，设置为百分之百。

.width("100%") .height("100%")

2.放一个宽度为10的背景颜色为黑色的外边框来可视化弹性布局的大小。