<div class="fixed-div">
    我是一个固定位置的DIV
</div>
<div class="content">
    这里是滚动的内容...
    <p>（假设这里有很多内容，足够让页面产生滚动）</p>
</div>
<style>
.fixed-div {
    position: fixed;
    top: 20px; /* 距离顶部20px */
    right: 20px; /* 距离右侧20px */
    width: 200px; /* 固定宽度 */
    background-color: rgba(255, 255, 255, 0.9); /* 半透明背景 */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* 阴影效果 */
    z-index: 1000; /* 确保在其他元素之上 */
}
.content {
    height: 2000px; /* 假设的高度，确保页面可滚动 */
}
</style>

在上述示例中，我们创建了一个固定的