分割导航

拆分导航是一种导航模式，其中一个或多个元素与其他导航项目分离。

Items separated into two groups.

要求

一种常见的导航模式是将一个元素推离其他元素。我们可以使用 Flexbox 来实现这一点，而无需将两组项目拆分为两个独立的 Flex 容器。

此模式将自动外边距与 Flexbox 结合在一起，以拆分项目。

自动外边距会吸收它所应用方向上的所有可用空间。这就是将块元素居中使用自动外边距的工作原理 - 块元素的两侧都有外边距试图占据所有可用空间，从而将块元素推到中间。

在本例中，左侧自动外边距会占据任何可用空间，并将项目推到右侧。您可以将类push应用于列表中的任何项目。