css - 溢出:带有持久 header 的自动

标签 css list scroll overflow css-position

我正在尝试创建一个带有固定导航标题的可滚动列表。但是,当您滚动到列表底部时,最后几个元素不可见,因为列表被标题向下推。我创建了一个 jsfiddle 来显示问题:

http://jsfiddle.net/U34vq/12/

问题是高度:100%。我怎样才能解决这个问题?我可以使用 CSS3 calc() 来制作它,height: calc(100% - 3em);但是,我针对的是不支持 calc() 的浏览器。

我想我的问题是,我是否可以有 2 个嵌套元素,一个高度以 em 为单位,另一个以 % 为单位,并且可以正常工作,因为我似乎做不到。

最佳答案

查看此解决方案。我在元素中添加了 position: absolute; 并设置了 bottomtop 参数,似乎工作正常

http://jsfiddle.net/skip405/U34vq/15/

关于css - 溢出:带有持久 header 的自动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11936422/

相关文章:

html - 将样式应用于除第一个之外的任何子元素的选择器

python - 如何从列表中删除所有重复项

函数调用时的 Python 列表乘法

javascript - jquery防止窗口滚动

jQuery放大和缩小可滚动div,当所有内容可见时消除滚动

javascript - 在 PHP 中包含 jquery 脚本,带有 php 变量

javascript - 如何在调整大小时/调整大小时保持同步图像及其文本标题始终占据相同的宽度

javascript - CSS 中的表格尺寸在 HTML 中不起作用

Python检查列表中的任何元素是否是字典中的键

javascript - 滑动时防止触摸启动