我正试图将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;
}