收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 4028|回复: 4

[求助] 什么时候用到overflow:hidden

[复制链接]
发表于 2011-5-10 16:49:08 | 显示全部楼层 |阅读模式
一直在郁闷中···        
    到底什么时候用到overflow:hidden   以及什么时候用到: display:inline   
    这两个属性一直没搞明白
   麻烦各位大侠指点迷津! 小弟谢啦   

    还有  (overflow:hidden     zoom:1   )这句起什么作用?

[[i] 本帖最后由 webfeng 于 2011-5-10 16:50 编辑 ]
发表于 2011-5-10 17:30:16 | 显示全部楼层
不需要滚动条出来的时候使用:overflow:hidden
回复 支持 反对

使用道具 举报

发表于 2011-5-10 17:37:42 | 显示全部楼层
overflow:hidden;的意思就是 溢出文档如何显示,hidden即隐藏掉。
由于属性的特性,它可以“意外”的用来清理内部元素浮动。在实际构建页面时应尽量避免或少用这个方法来清理浮动。用:after伪类等方法才是更有的选择。

html元素有块(block)元素和行内(inline)元素,使用display:inline;就是把块元素转化为行内元素使用。
例如有些div症 就喜欢用这个属性让div呈现出行内元素的效果。
合理的运用元素可以避免一些类似代码量,例如上面div这个其实用span就行了。

overflow:hidden     zoom:1  像是一句针对IE清理浮动的语法。
回复 支持 反对

使用道具 举报

发表于 2011-5-10 17:39:00 | 显示全部楼层
清浮动等,zoom IE私有属性,触发HasLayout
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-5-11 09:37:01 | 显示全部楼层
谢谢 楼上几位的热心讲解!
  貌似有点头绪了  不过哪位能举例说明一下吗~(有针对性的例子)

[[i] 本帖最后由 webfeng 于 2011-5-11 09:38 编辑 ]
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-8-15 23:31 , Processed in 0.124685 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表