overflow属性

Posted pengwa1226

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了overflow属性相关的知识,希望对你有一定的参考价值。

溢出的概念:

技术图片

overflow属性:

visible:默认值。内容不会被裁剪,会呈现在元素框之外。

hidden:内容会被裁剪,并且其余内容是不可见的,此属性可以清除浮动、清除margin-top塌陷的功能。

技术图片

scroll:内容会被裁剪,但是浏览器会显示滚动条以便查看其余的内容

技术图片

 

 

auto:如果内容被裁剪,浏览器会显示滚动条以便显示其余的内容。

技术图片

 

 技术图片

 

 

inherit:规定应该从父元素继承overflow属性的值

 

以上是关于overflow属性的主要内容,如果未能解决你的问题,请参考以下文章

定义总体overflow样式后应怎样消除此效果

CSS3对于盒中容纳不下的内容的显示——overflow属性

overflow属性失效分析

Css中overflow属性的认识

Css中overflow属性的认识

对同一元素设置overflow-x:hidden,overflow-y:visible;属性值不生效