我在几个月没有做过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,让事情正确的位置.