Css 如何在整个页面上展开可展开菜单

我对css是个新手。我在试验一些代码。我想创建一种可扩展的菜单，就像这样“训练”我

---

代码可以工作，但是我想在整个页面中展开菜单，但是属性

width:auto

不工作。什么是rason？我如何以简单的方式实现它？

您的孩子不能有一个指定的宽度，而期望家长填充该宽度

因为您知道有四个链接，所以可以将列表项的宽度设置为25%：

#menu li {
  float:left;
  width:25%;
}

如果您还从

#菜单

中删除

width:auto

，并从a标签中删除

width:150px

，则它应该可以工作