CSS中overflow指的是什么意思

这篇文章主要为大家展示了"CSS中overflow指的是什么意思"，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下"CSS中overflow指的是什么意思"这篇文章吧。

在CSS中，overflow是"溢出"的意思，该属性规定当内容溢出元素框时发生的事情，设置内容是否会被修剪，溢出部分是否会被隐藏；例如当属性值设置为"visible"则内容不会被修剪，为"hidden"则内容会被修剪并且其余内容是不可见的。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在CSS中，overflow是"溢出"的意思，该属性规定当内容溢出元素框时发生的事情。

overflow属性支持4个属性，可设置当内容溢出元素框时的4种处理方式：

• visible 默认值。内容不会被修剪，会呈现在元素框之外。

• hidden 内容会被修剪，并且其余内容是不可见的。

• scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

• auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

                                                                        
overflow 属性
                
如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。
                
overflow: scroll:
                
测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
                
overflow: hidden:
                
测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
                
overflow: auto:
                
测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
                
overflow: visible (默认):
                
测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！测试文本！
        

以上是"CSS中overflow指的是什么意思"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！