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

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

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

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

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

搜索
查看: 15221|回复: 6

position:absolute与overflow:hidden

[复制链接]
发表于 2009-4-29 10:33:33 | 显示全部楼层 |阅读模式
绝对定位的对象不是脱离文档流的么,为什么还是会受其父层的overflow:hidden的影响呢?
谁知知晓原理并有完美解决方案?
发表于 2009-4-29 10:36:56 | 显示全部楼层
这个看似简单,用来却繁琐的“家伙”!   细细体会吧!
IE6是该扁的!
不是overflow:hidden,确切说你可能在外层有position:relative   说不清了!
回复 支持 反对

使用道具 举报

发表于 2009-4-29 10:43:14 | 显示全部楼层
是因为你的父容器设定了 position:relative|absolute|fixed。那将会使overflow“生效”。

运行下面的代码,因为父容器没有设置position:relative|absolute|fixed ,所以overflow是不能生效的。

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



一旦设置的话:

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


[[i] 本帖最后由 yoom 于 2009-4-29 10:45 编辑 ]
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-4-29 10:54:26 | 显示全部楼层
没错
父层就是设置了position:relative
如果父层没有设置position:relative,那么里面的子对象,即绝对定位对象的定位还是针对浏览器的,并不是针对其父层,那么也就不会出现我问的问题了。

不过我问的重点不是针对浏览器的而是其父层
回复 支持 反对

使用道具 举报

发表于 2009-4-29 11:06:39 | 显示全部楼层
用overflow:hidden;是为了解决层不能自适应高度的问题吧,如果要relative;那就改成overflow:visible;算了
回复 支持 反对

使用道具 举报

发表于 2009-4-29 11:32:10 | 显示全部楼层

回复 5# sunxiaobo2008 的帖子

overflow:hidden;可以用来清除浮动,但有很多缺点。

推荐用after这个伪类,结合IE私有的zoom来清除浮动:

http://www.planabc.net/2008/05/04/yui_grids_css/
回复 支持 反对

使用道具 举报

 楼主| 发表于 2009-4-29 11:39:09 | 显示全部楼层
这个问题我后来也是用了楼上的清除浮动方式来解决的。没有使用overflow:hidden;
问题解决是解决掉了
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2020-7-14 11:36 , Processed in 0.094488 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

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