javascript - 创建一个显示尺寸与其内容尺寸不同的 div

Question

我希望能够制作一个 div，允许用户将内容动态添加到特定位置，例如 100 像素乘 200 像素的区域，但只会显示 50 像素乘 100 像素的窗口供用户放置内容。用户将滚动以到达 div 的其余部分。我如何使用 CSS 或 JavaScript 来做到这一点？

修改

我希望我的 div 的高度和宽度从 100x200 开始，但只显示一个尺寸为 50x100 的窗口，并带有一个滚动条，让用户可以到达 div 的其余部分。

Answer 1

试试这个:

HTML:

<div id="window">
    <div id="content">
    </div>
</div>

CSS:

#window {
    width: 50px;
    height: 100px;
    overflow: auto;
}

#content {
    width: 100px;
    height: 200px;
}