作家
登录

overflow:hidden清除浮动

作者: 来源: 2014-06-23 15:40:07 阅读 我要评论

值描述visible默认值。内容不会被修剪,会呈现在元素框之外。hidden内容会被修剪,并且其余内容是不可见的。scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。inherit规定应该从父元素继承 overflow 属性的值。

下面简单介绍一下overflow:hidden作用;

1.我们平时最常用到的即overflow:hidden,一般用在固定宽高的div里面,目的是隐藏溢出使内部元素高度即使超过父元素也能够被隐藏。

2.overflow:hidden另一个流行的用途是用在没有宽高的div里,其目的是清除浮清除浮清除浮清除浮动动动动。应用了overflow(auto或hidden)的元素(默认高度height:auto),将会扩展到它需要的大小以包围它里面的浮动的子元素。这是一个很奇特的特性,因为他的简洁,许多coder都喜欢利用这个特性来清除浮动。


  推荐阅读

  多张图片排在一行时margin不一致

多张图片排在一行时margin不一致给图片添加“Display:inline”项即可。>>>详细阅读


本文标题:overflow:hidden清除浮动

地址:http://www.17bianji.com/diaocha/34319.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)