html - div标签垂直滚动不适用于相对定位

Question

请检查此链接。我正在设计一个包含 2 个部分的页面，每个部分都有独立的滚动条。我将 body 的样式设置为

height:100%
overflow:hidden;

并设置

height:100%;
overflow:scroll

对于两个 div。但滚动条不起作用。我无法将位置设置为绝对或固定，因为我使用的是响应式 UI。如果我使用绝对/固定，当我将窗口调整为更小的分辨率时会出现一些问题。如何在不改变这些元素的位置属性的情况下解决这个问题？

Answer 1

你需要设置你的body和html在height:100%。在此处查看简化示例：http: //jsfiddle.net/bYXRT/

Answer 2

给你的 div 宽度是固定在 px

height:100px;
overflow:hidden;