关于position:relative; overflow:hidden的问题

sz861128 2012-11-30 11:33:19

<div style="height:XXXpx; overflow:hidden">
<div style="position:relative"></div>
</div>

制作中，往往会碰到这样一个情况，请问有没有内层相对定位，且外层不用设高的办法呢？

...全文

146 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

xiaowanzi80hou 2012-11-30

打赏
举报

用相对百分比做可以，如下所示，高相对于外层的50% <div style="height:XXXpx; overflow:hidden"> <div style="position:relative;height:50%"></div> </div>

在父标签中使用了overflow:hidden;时，如果子标签中有元素的position设置成relative的时候，在IE6和IE7中父元素的overflow对其将不起作用，其实将父标签的position也设置成relative便可解决此问题

position:relative之后overflow:hidden;失效，解决方法：在position:relative;的外层容器加position:relative

Transformer在许多NLP(自然语言处理)任务中取得了最先进的成果。 Swin Transformer是在ViT基础上发展而来，是Transformer应用于CV（计算机视觉）领域又一里程碑式的工作。它可以作为通用的骨干网络，用于图片分类的CV任务，以及下游的CV任务，如目标检测、实例分割、语义分割等，并取得了SOTA的成果。Swin Transformer获得了ICCV 2021的最佳论文奖。本课程对Swin Transformer的原理与PyTorch实现代码进行精讲，来帮助大家掌握其详细原理和具体实现；并且使用Swin Transformer对17个类别花朵数据集进行图片分类的项目实战。原理精讲部分包括：Transformer的架构概述、Transformer的Encoder 、Transformer的Decoder、Swin Transformer的网络架构、Patch Merging、SW-MSA、Relative Position Bias、MSA与W-MSA计算量分析、实验结果及性能。项目实战部分包括：安装软件环境和PyTorch、安装Swin-Transformer、数据集自动划分、修改配置文件、训练数据集、测试训练出的网络模型。代码精讲部分使用PyCharm对Swin Transformer的PyTorch代码进行逐行解读，包括：PatchEmbed、SwinTransformerBlock、PatchMerging、推理过程和训练过程实现代码解读。相关课程：Transformer原理与代码精讲（PyTorch）https://edu.csdn.net/course/detail/36697Transformer原理与代码精讲（TensorFlow）https://edu.csdn.net/course/detail/36699ViT（Vision Transformer）原理与代码精讲 https://edu.csdn.net/course/detail/36719DETR原理与代码精讲 https://edu.csdn.net/course/detail/36768Swin Transformer实战目标检测：训练自己的数据集 https://edu.csdn.net/course/detail/36585Swin Transformer实战实例分割：训练自己的数据集 https://edu.csdn.net/course/detail/36586

今天在做网页的时候发现一个问题，在父标签中使用了overflow:hidden;时，如果子标签中有元素的position设置成relative的时候，在IE6和IE7中父元素的overflow对其将不起作用，在IE8、FF，Chrome中均正常显示如下代码： div style="height:100px; width:100px; background:#CCC; overflow:hid

内层元素设置position:relative后父元素overflow:hidden overflow:scroll 都失效解决方法：在position:relative的外层父容器加position:relative就可以搞定

CSS

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章