受团队信任
使用flexbox为列设置相同的高度—即使每个列里面有不同的内容。
当使用列元素几乎不可能让所有的列都有相同的高度，特别是当每个列里面有不同的内容时。您可以设置一个固定的像素高度，但这可能会导致回流问题。在这里，我们将介绍如何使用flexbox创建等高布局。
为了重新创建视频开始时的初始布局，在页面上添加一个div块。在里面添加一些内容:一个标题，一个段落，一个按钮。复制div块两次，有3个里面有内容的div块。如果您希望替换内容。
例如，我们有三个div块，里面的内容已经在页面上了，它们每个都有相同的类名和样式。我们将向页面添加一个容器，给它一个类，并将这三个div块放入其中。
一旦这三个div块嵌套在容器中，我们就可以将容器的显示设置设置为flex。
默认的flex设置设置为方向:水平,证明:开始,对齐:拉伸这正是我们需要的相同高度的设置。
但是请注意，div的宽度是不相等的。你可以通过设置div块的宽度使它们相等33.33%(你也可以在这里做数学100/3%，然后按enter键)。或者，你可以设置div块的flex子设置为扩大。
在本例中，我们还希望div中的内容彼此对齐。我们也可以在flexbox设置中这样做。
现在按钮的边距会自动调整，使三个按钮对齐在一起。
