overflow:auto with persistent header

时间:2012-08-13 14:32:03

标签: css list scroll overflow css-position

我正在尝试使用持久性导航标题创建可滚动列表。但是,当您滚动到列表底部时,最后几个项目不可见,因为列表会按标题向下推。我创建了一个jsfiddle来显示问题:

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

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

我想我的问题是,我可以有2个嵌套元素,一个用ems测量高度,另一个用%测量,并且有效,因为看起来我不能。

1 个答案:

答案 0 :(得分:1)

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

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