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

标签 html css css-float responsive-design

请查看this link .我正在设计一个包含 2 个部分的页面,每个部分都有独立的滚动条。我将 body 的样式设置为

height:100%
overflow:hidden;

并设置

height:100%;
overflow:scroll

对于两个 div。但滚动条不起作用。我无法将位置设置为 absolute 或 fixed ,因为我使用的是响应式 UI 。如果我使用 absolute/fixed 它会在我将窗口调整为较小的分辨率时产生一些问题。如何在不改变这些元素的位置属性的情况下解决这个问题?

最佳答案

您需要将bodyhtml 设置为height:100%。请在此处查看简化示例:http://jsfiddle.net/bYXRT/

关于html - Div 标签垂直滚动不适用于相对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16034519/

相关文章:

css - HTML float div 的问题

javascript - 如何通过 JavaScript/cheerio 从以下 html 中提取我想要的文本?

javascript - 如何将光标样式设置为不带 href 的链接的指针

javascript - 尝试使用 javascript/jquery 查找 Canvas 的高度

css - 如何创建可直接在页面上编辑的文本字段?

css - 有没有办法将 clearfix hack 与 flexbox 一起使用?

javascript - 当我使用变量作为选择器时,该事件不会触发

apache-flex - MXML 会从 "compile"到 html5 吗?

html - AJX 和谷歌搜索引擎优化

javascript - 自动将 float div 的宽度固定为图像大小