Html CSS与<;ul>;元素未扩展到列表的大小

Html CSS与<;ul>;元素未扩展到列表的大小,html,css,html-lists,overflow,Html,Css,Html Lists,Overflow,我希望有人能帮我用CSS设计一个导航栏。我在ul元素上遇到了问题,它没有扩展到列表的大小-不太确定我做错了什么 我在这里建立了一个小原型: 有问题的UL元素是红色的。如果有人能帮我看一眼,我会非常感激的 只需在CSS中向下滚动到标题导航子菜单ul,查看发生了什么 谢谢 您正在浮动列表项,这会导致父项不知道它应该有多高。浮动元素有时会导致崩溃,一个简单的解决方案是浮动和,并将放在容器内。子菜单子列表项是否继承浮动属性?否,您的选择器是:header nav ul li

我希望有人能帮我用CSS设计一个导航栏。我在ul元素上遇到了问题,它没有扩展到列表的大小-不太确定我做错了什么

我在这里建立了一个小原型:

有问题的UL元素是红色的。如果有人能帮我看一眼,我会非常感激的

只需在CSS中向下滚动到标题导航子菜单ul,查看发生了什么


谢谢

您正在浮动列表项,这会导致父项不知道它应该有多高。浮动
  • 元素有时会导致
      崩溃,一个简单的解决方案是浮动
      ,并将
      放在容器内。

      子菜单子列表项是否继承浮动属性?否,您的选择器是:header nav ul li