html - 仅在一个 div 中滚动条

例如，我有两个 div，如下所示:

<body>
    <div id="header">
        MY CONTENTS
    </div>
    <div id="main">
        MY OTHER CONTENTS
    </div>
</body>

第一个 div 在 CSS 中具有 position:fixed; 和 width:100%; 属性，另一个 div 只是一个包含很多内容的 div。

好的，像往常一样，右侧有一个滚动条。但是这个滚动条会影响所有的 div。我希望滚动条只影响第二个 div，可能吗？

我尝试了 overflow:auto、overflow:hidden 和 overflow:scroll 的所有方法，但我没有达到我的目标。 .

编辑:这是我的 jsfiddle:http://jsfiddle.net/upcfp/

最佳答案

你想做这样的事情吗？

我编辑了你的 jsfiddle 并删除了一些你的问题不需要的部分:

好像有一个

</div>

缺少#header，但这是您想要的吗？

关于html - 仅在一个 div 中滚动条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11513260/

相关文章：

css - 是否可以在不使用 CSS 变换的情况下倾斜 div 的边缘？