【问题标题】:How does the overflow property work with the ul element? [duplicate]溢出属性如何与 ul 元素一起使用? [复制]
【发布时间】:2019-03-08 05:37:30
【问题描述】:

在 w3school 的下拉菜单导航栏中的 this example 中,当所有 li 元素都变为 float: left; 时,ulbackground-color 消失了,但添加 overflow: hidden; 会将其恢复。它是如何工作的?

【问题讨论】:

  • 使用 display:inline;在 li 元素上,而不是 float:left。这将在没有溢出的情况下解决您的目的:隐藏黑客。

标签: css list drop-down-menu properties


【解决方案1】:

float: leftul 元素内部的流中移除li 元素。因为liul 的唯一孩子。 'ul' 不包含“任何东西”,因此没有背景。 overflow: hidden 是一种类似于“clearfix”的技术,用于强制包含浮动子项。

阅读此链接 - Simple Tips on Containing Floats

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-30
    • 2014-04-21
    • 1970-01-01
    • 2022-07-19
    • 2011-06-05
    • 1970-01-01
    相关资源
    最近更新 更多