以下是我的代码:

我希望菜单填满div的全部宽度。距离相同，元素必须与div测试的边缘重合。

应该是这样:

test

向您致以最诚挚的问候和感谢

顺晟科技：

是您可能要查找的内容：请参见https://css-tricks.com/snippets/css/a-guide-to-flexbox/#justify-content

这定义了沿主轴的对齐方式。当一行上的所有flex项都是不灵活的，或者是灵活的但已经达到最大大小时，它有助于分配额外的空闲空间。当项溢出行时，它还对项的对齐方式施加一些控制。

演示

带您到那里。

我还添加了:

.row {
  width: 800px;
}

.menu {
  display: inline-block;
  display: flex;
  list-style: none;
  padding: 0;
}

li {
  width: 100%;
}

.test {
  width: 800px;
  background-color: red;
}

我还删除（注释）:

.row {
  width: 800px;
}

.menu {
  display: inline-block;
  display: flex;
  list-style: none;
  padding: 0;
}

li {
  width: 100%;
}

.test {
  width: 800px;
  background-color: red;
}

删除元素上的默认边距和填充。

试试这个