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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 1845|回复: 3

[CSS] 关于overflow:hidden;

[复制链接]
发表于 2012-9-8 17:51:57 | 显示全部楼层 |阅读模式
本帖最后由 mming 于 2012-9-8 18:13 编辑

http://bbs.blueidea.com/thread-2692909-1-1.html

以上帖子中第7例的代码:
第二个div没有浮动但是添加了overflow:hidden,可以和第一个浮动的div并排显示;
而把第二个div中的overflow:hidden去掉后,它就被第一个遮住了,也就是正常显示。

overflow:hidden怎么会引起这么个效果呢?(ff等现代浏览器)

ie6下无论有没有overflow,都是并排显示的。和设置了float:left一样,区别就是那个3px

 提示:您可以先修改部分代码再运行

发表于 2012-9-11 11:24:00 | 显示全部楼层
这个代码的意思是 在容器里面的内容超过容易得时候,,是后显示
回复 支持 反对

使用道具 举报

发表于 2012-9-11 16:08:56 | 显示全部楼层
改成overflow:auto;也可以实现同样的效果。同求解释。。。
回复 支持 反对

使用道具 举报

发表于 2012-9-12 09:22:55 | 显示全部楼层
谢谢楼主分享。。。会学学习的。。。
回复 支持 反对

使用道具 举报

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

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2020-1-23 09:17 , Processed in 0.094487 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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