CSS教程 溢出(overflow)的详解

时间:2024-10-11 22:23:43

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

CSS教程 溢出(overflow)的详解

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

CSS教程 溢出(overflow)的详解

3、overflow属性有四种取值:1)visible:代表溢出没有被剪裁,呈现在元素框之外,效果如图所示:

CSS教程 溢出(overflow)的详解

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

CSS教程 溢出(overflow)的详解

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

CSS教程 溢出(overflow)的详解

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

CSS教程 溢出(overflow)的详解
© 手抄报圈