html - 如何在固定定位的 div 中显示绝对定位的 div？

Question

我有这个 HTML:

 <div id="main">
        <div class="dummy">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis enim molestias illo id voluptas tempora minima sunt fugiat voluptatibus voluptatem dolores omnis iste. Fuga facilis adipisci similique explicabo sunt alias! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam omnis esse saepe eveniet modi harum quae laborum eaque vero nesciunt consequuntur placeat nisi velit commodi minima itaque voluptatem necessitatibus quasi.</div>
        <div id="inner">I want this div to slide left on some action</div>
        <div class="dummy">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis enim molestias illo id voluptas tempora minima sunt fugiat voluptatibus voluptatem dolores omnis iste. Fuga facilis adipisci similique explicabo sunt alias! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam omnis esse saepe eveniet modi harum quae laborum eaque vero nesciunt consequuntur placeat nisi velit commodi minima itaque voluptatem necessitatibus quasi.</div>
    </div>

请引用this fiddle查看带有关联 CSS 的完整代码。

我希望黑色内部 div 容器即使在主 div 容器之外也是可见的，而且还想将 overflow:auto 设置为main div 这样，如果红色 div 中的内容增加，则应该出现滚动条。这些东西不能一起工作。 请建议如何实现这一目标。

Answer 1

你的意思是像 this 这样的意思吗？ ？

我添加了以下内容:

HTML:

<div id="preventOverflow">

CSS:

 #preventOverflow
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

不可能将两个单独 block 的滚动条与它们之间的 div 合并。我建议更改布局。