HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 扩展位置绝对div外溢出隐藏div大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在几个月没有做过css,所以我可能会想念一些简单的东西,但无论解决方案如何,我都无法想像出来.所以这里是问题.

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

<div id="wrapper" style="position: fixed; overflow: hidden; height: 100%; width: 200px;">
  <div id="test" style="position: absolute; margin-left: -200px;"></div>
</div>

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

那有什么办法吗?
谢谢

解决方法

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

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

<div class="outer">
  <div class="inner" style="overflow: hidden;">
    ....
  </div>

  <div class="abs-positioned">
  </div>
</div>

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

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

大佬总结

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

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。