html – 扩展位置绝对div外溢出隐藏div

html – 扩展位置绝对div外溢出隐藏div,第1张

概述我在几个月没有做过css,所以我可能会想念一些简单的东西,但无论解决方案如何,我都无法想像出来.所以这里是问题. 这是我的代码的简化版本: <div id="wrapper" style="position: fixed; overflow: hidden; height: 100%; width: 200px;"> <div id="test" style="position: absolu 我在几个月没有做过CSS,所以我可能会想念一些简单的东西,但无论解决方案如何,我都无法想像出来.所以这里是问题.

这是我的代码的简化版本:

<div ID="wrapper" >  <div ID="test" ></div></div>

所以基本上,我需要内部div测试扩展到左边的200px外部的外包装.问题是我的包装是溢出的:隐藏的,它不会允许外面.
我需要它保持溢出:隐藏,因为一些Js插件我正在使用.

那有什么办法吗?
谢谢

解决方法 唯一的选择是将该div移到overflow:hIDden div之外.你不能说隐藏在这个div中的所有东西,除了这个div …让我们做一个例外.

您可以在层次结构中引入一个层,内层div被隐藏,外部的div不是.然后将定位的元素放在外部div中.一个伪的例子是:

<div >  <div  >    ....  </div>  <div >  </div></div>

如果偶然你有一个溢出的旧div的位置:隐藏的,你会把这个设置移动到外部的div,让事情正确的位置.

所以简单的答案:没有解决方案将允许你做你想要的,而不用改变你的CSS不溢出:隐藏或不更改您的标记.

总结

以上是内存溢出为你收集整理的html – 扩展位置绝对div外溢出隐藏div全部内容,希望文章能够帮你解决html – 扩展位置绝对div外溢出隐藏div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1142389.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存