博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
position:absolute溢出处理
阅读量:7088 次
发布时间:2019-06-28

本文共 539 字,大约阅读时间需要 1 分钟。

今天在做布局的时候发现把table设置了position:absoluteoverflow居然不管用了,溢出的部分依然溢出。

百度后,才想起来... ...

position后,元素已经和父元素不在一个流里面了,而overflow只能对在同一流中的元素起作用。

简单说,

就是 table 已经是移民火星了,而table外面的div 依然还在地球,那么身在地球的div自然是管不了身在火星的table咯。

所以解决办法,

既然table移民了,那么它爹div也跟着移个民不就可以管着table了吗?

当子元素改变当前流后,父元素也跟着改变当前流,那么overflow就可以生效了。

下面引用一个例子:

    
高300px的子元素溢出隐藏
不带relative
带上relative

效果图:

请原谅我懒的自己写demo。借下别人的demo用用。

转载于:https://www.cnblogs.com/MirageFox/p/6762197.html

你可能感兴趣的文章
使用emma对web工程进行测试覆盖率检查
查看>>
android activity生命周期
查看>>
距离和相似度度量[转]
查看>>
ADO.net DataTable 和Amazon SimpleDB的相互转换
查看>>
[JS2] JS是弱类型
查看>>
企业搜索引擎开发之连接器connector(二十四)
查看>>
数学图形(1.9)悬链线
查看>>
有上下界的网络流问题
查看>>
AspectJ获取方法注解的信息
查看>>
我就是一名房地产经纪人!不是中介,谁能明白我们呢?
查看>>
深入浅出SQL注入
查看>>
[翻译] EAColourfulProgressView
查看>>
获取泛型的class 反射
查看>>
input 获取当前id,name
查看>>
linux zip 命令详解
查看>>
BZOJ3834 : [Poi2014]Solar Panels
查看>>
探索 OpenStack 之(8):Neutron 深入探索之 OVS + GRE 之 完整网络流程 篇
查看>>
Android Animation学习笔记
查看>>
Java多线程编程模式实战指南(二):Immutable Object模式--转载
查看>>
document.body.clientHeight的取值
查看>>