固定位置第一个列表项,在滚动条上自动调整宽度

时间:2013-12-21 05:27:47

标签: html css list width overflow

有没有办法确保列表的第一项始终位于列表顶部(即使用户向下滚动),并确保根据是否有滚动条调整第一个列表项的宽度在列表中与否(相对于其他列表项)。

目前我只能实现其中一个,即我可以将第一个列表项放在列表之外(在它上面)并使列表可滚动。问题是,当列表中有足够的项目时,滚动条会进入并缩小列表项的宽度,但“第一个列表项”(我从列表中拉出)也不会缩小它的宽度。

如果我将项目放在列表中,我将避免此宽度不匹配问题,但是当用户滚动列表时,第一个列表项将滚出视图。

我希望保留第一个项目的原因是因为第一个项目实际上是列表标题的容器(并排)。

是否有某种方法可以让滚动条存在于列表之外或使其与内容重叠?

我知道我可以将列表的溢出从“自动”更改为“滚动”,并调整列表外部的标题容器的宽度以匹配列表的宽度,但这将取决于浏览器和机器(不是我想要的东西。)

1 个答案:

答案 0 :(得分:0)

您可以尝试将div position:fixed属性放在要保留的li周围。