Html 水平滚动绝对定位的元素？

下面的代码有什么问题？所需的行为是

#library

元素跨越“屏幕”底部并水平滚动

#库{
位置：绝对位置；
底部：0；左侧：0；右侧：0；
高度：60px；
溢出-x：滚动；
溢出y：隐藏；
}
正文{溢出：隐藏；}
.项目{
显示：内联块；
宽度：50px；高度：50px；
保证金：5px；
边框：1px纯色灰色；
}

---

当

元素到达
#库
末尾时，
.item
元素会自动换行。由于
overflow-y:hidden
，您无法看到多行包装的元素。添加
空白：nowrap到
#库
，以防止项目被包装


#库{
位置：绝对位置；
底部：0；
左：0；
右：0；
高度：60px；
溢出：滚动；
溢出y：隐藏；
空白：nowrap；
}
身体{
溢出：隐藏；
}
.项目{
显示：内联块；
宽度：50px；
高度：50px；
保证金：5px；
边框：1px纯色灰色；
}
当
元素到达
#库
末尾时，
.item
元素会自动换行。由于
overflow-y:hidden
，您无法看到多行包装的元素。添加
空白：nowrap到
#库
，以防止项目被包装


#库{
位置：绝对位置；
底部：0；
左：0；
右：0；
高度：60px；
溢出：滚动；
溢出y：隐藏；
空白：nowrap；
}
身体{
溢出：隐藏；
}
.项目{
显示：内联块；
宽度：50px；
高度：50px；
保证金：5px；
边框：1px纯色灰色；
}