overflow5大分析

Scroll 如果需要,内容将被裁减以适应边距(padding)盒。 无论是否实际裁剪了任何内容,浏览器总是显示滚动条,以防止滚动条在内容改变时出现或者消失。 从下面列表中指定一个或者两个关键字来作为 overflow 属性。 如果指定两个关键字,第一个关键字用于 overflow-x,第二个关键字用于 overflow-y。 否则,overflow-x 和 overflow-y 设置为相同的属性值。

设置一个轴为 visible(默认值),而设置另一个轴为不同的值时,visible 的行为会像 auto 一样。

overflow: overflow

Overflow 是 CSS 的简写属性,其设置了元素溢出时所需的行为——即当元素的内容太大而无法适应它的块级格式化上下文时。 指定 visible(默认)或 clip 以外的值,会创建一个新的块级格式化上下文。 由于技术原因,这是必要的——如果浮动包含滚动元素,它将在每个滚动步骤后强制重新包装内容,从而导致一个缓慢的滚动体验。

Hidden 如果需要,内容将被裁减以适应边距(padding)盒。 不提供滚动条,也不支持允许用户滚动(例如通过拖拽或者使用滚轮)。 如果内容适应边距(padding)盒,它看起来与 visible 相同,但是仍然建立了一个新的块级格式化上下文。 如果内容溢出,则浏览器提供滚动条。

overflow: Meaning of overflow in English

由香港SEO公司 featured.com.hk 提供SEO服務

  • 不提供滚动条,也不支持允许用户滚动(例如通过拖拽或者使用滚轮)。
  • 无论是否实际裁剪了任何内容,浏览器总是显示滚动条,以防止滚动条在内容改变时出现或者消失。
  • 设置一个轴为 visible(默认值),而设置另一个轴为不同的值时,visible 的行为会像 auto 一样。
  • 如果指定两个关键字,第一个关键字用于 overflow-x,第二个关键字用于 overflow-y。
  • Scroll 如果需要,内容将被裁减以适应边距(padding)盒。
  • 指定 visible(默认)或 clip 以外的值,会创建一个新的块级格式化上下文。
柯文思

柯文思

Eric 於國立臺灣大學的中文系畢業,擅長寫不同臺灣的風土人情,並深入了解不同範疇領域。