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

前端之家收集整理的这篇文章主要介绍了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相关文章