可滚动的div，绝对定位
我有一个定位为absolute的div 。 这个div会在用户向下滚动页面时跟随用户。 div包含彼此相邻的日期。 另一个div在它的下面，它包含与上面的数据相关的数据。 它看起来像这样。 这两个都包含在一个div.
1/1/1901 | 1/2/1901 | 1/3/1901 | ...
Blah | Blah | Blah | ...
如您所见，日期和信息将继续贯穿整个div 。 扩展到父div 。
该div同时包含内部的divs是滚动能够水平，我的问题是， div被定位为absolute也应该在滚动的同时div未定位为absolute 。 它只是保持静态。
有没有办法让div定位为absolute可以水平滚动来查看视图之外的其他日期？
编辑
我只是试图增加一个position: fixed ，并没有使它可以滚动。
试试这个（可能想单击完整页面以完全看到它）：
body{margin:0}
div{height:100vh;width:100vw}
div.page1{background-color: red;}
div.page2{background-color: blue;}
div.page3{background-color: green;}
div.page4{background-color: yellow;}
div.floating{width:20vw;position:fixed;top:5vh;background-color: white;height:5vh;right:0;overflow-x:scroll;white-space:nowrap;line-height:4vh;overflow-y:hidden}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="page1"> </div>
<div class="page2"> </div>
<div class="page3"> </div>
<div class="page4"> </div>
<div class="floating">
Blah | Blah | Blah |Blah | Blah | Blah |Blah | Blah | Blah |Blah | Blah | Blah |
</div>
</body>
</html>