Flexbox是否只能搭配<div>元素使用？可应用于其他HTML标签吗？

Flexbox作为CSS布局特性，完全可以在任意合法HTML标签上使用，不受标签类型限制

你看到的示例都用<div>只是因为<div>是无语义的通用块级容器，示例中使用不会引入额外语义和默认样式干扰，不代表Flexbox只能作用在<div>标签上。

你提到的用<ul>做导航栏的场景是完全可行的：直接给<ul>设置display: flex后，它的直接子元素<li>会自动成为flex子项，不需要给<li>外层额外包裹<div>标签，你写的测试代码本身是可以正常运行的，只需要额外清除<ul>、<li>的默认样式避免布局偏移即可：

/* 补充默认样式清除逻辑 */
.flex-container {
  display: flex;
  /* 清除ul默认样式 */
  margin: 0;
  padding: 0;
  list-style: none;
}

补充说明：CSS布局规则是作用于元素的盒模型上的，和标签本身的语义、默认表现没有绑定关系，无论是语义标签<nav>、<section>、<article>，还是行内元素<span>、<a>，甚至自定义元素，都可以设置为flex容器，它的直接子元素不管是什么标签类型，都会自动成为flex子项，不需要额外修改HTML结构套<div>。

内容的提问来源于stack exchange，提问作者DevBeginner