div 内滚动css,修复了可滚动div中的div - 仅限CSS

我正试图将div留在另一个div内的固定位置。包含的div是可滚动的，并且他的位置不会在屏幕中固定。

这是我到目前为止所获得的JSFiddle

滚动时，文本“固定文本”应保留在容器的右上角。

为了模拟div的2个不同位置，我制作了2个div并保留了同一个类。

只能用CSS完成吗？

HTML

fixed text

fixed text

CSS

.cont{

width: 400px;

height: 130px;

border: 1px solid black;

margin: 10px;

overflow-x: auto;

overflow-y: hidden;

position: relative;

}

.items{

width: 600px;

}

.item{

width: 80px;

height: 80px;

background-color: blue;

margin-top: 22px;

margin-left: 3px;

display: inline-block;

}

.txt{

position: absolute;

top: 2px;

right: 10px;

}