CSS教程 溢出(overflow)的详解

 时间:2026-02-14 08:00:38

1、新建一个 溢出(overflow)的详解.html 文件,如图所示:

CSS教程 溢出(overflow)的详解

2、输入HTML5的结构代码,将title标签里面的内容修改成:溢出(overflow)的详解,如图所示:

CSS教程 溢出(overflow)的详解

3、overflow属性有四种取值:

1)visible:代表溢出没有被剪裁,呈现在元素框之外,效果如图所示:

CSS教程 溢出(overflow)的详解

4、2)hidden:将溢出剪切,并隐藏其余内容,效果如图所示:

CSS教程 溢出(overflow)的详解

5、3)scroll:溢出剪辑,并且添加滚动条以查看其余内容,效果如图所示:

CSS教程 溢出(overflow)的详解

6、4)auto效果类似于scroll,但其只在必要时添加滚动条,如图所示:

CSS教程 溢出(overflow)的详解

  • win10系统怎么开启/关闭虚拟键盘
  • 预防自我伤害手抄报
  • 《亲爱的爸妈》悦萍的扮演者是谁
  • 我们该如何面对犯了错的爱人?
  • 地暖电子温控阀,把线剪了地暖为啥不热
  • 热门搜索
    清明节手抄报内容50字 手抄报教师节 经典诵读手抄报内容 七彩童年手抄报 护士节手抄报 母亲节手抄报图片 五水共治手抄报内容 遨游汉字王国的手抄报 关于家乡的手抄报 我阅读我快乐手抄报