Overflow

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

子元素默认是存在于父元素的内容区中,理论上来说,子元素的大小最大只能等于父元素的内容区大小,如果子元素的大小超过了父元素的内容区,则超过的部分会在父元素以外的位置显示,超出父元素的内容,我们称为溢出的内容

父元素默认会将溢出的内容在自身外部显示。

  • 使用overflow来设置父元素如何处理溢出内容
    可选值:
    • visible
      不会对溢出内容作任何处理,
      元素会在父元素以外的位置显示(默认值)。

    • hidden
      溢出的内容会被修剪,不会显示。

    • scroll
      会为父元素添加滚动条,通过滚动条可以查看完整的子元素内容。
      该属性不论内容是否溢出,都会添加水平和垂直方向的滚动条。

    • auto
      会根据实际情况自动添加滚动条,
      水平方向溢出时自动添加水平滚动条,
      垂直方向溢出时自动添加垂直滚动条,
      都不溢出时则不添加滚动条。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/40.html