html - 如何向信息框添加滚动条？

Question

我不太擅长 html，这看起来很容易，但我需要在信息框中添加滚动条。

盒子的代码如下所示:

<div id="box">
    <div class="title">Doctor Who</a>
    </div>
    <div class="links">
        <div class="text-container">
            <IMG SRC="https://31.media.tumblr.com/dea38d2e07dc5ef0a30adbc213f4eda0/tumblr_inline_mxq54ba4yx1qhpvm6.gif" WIDTH=100 HEIGHT=100>
            <br>
            <br>
            <IMG SRC="https://31.media.tumblr.com/f5d7e9e7d802697bb948811a79d0c0ba/tumblr_inline_mxq627yuKg1qhpvm6.gif" WIDTH=100 HEIGHT=100>
        </div>
    </div>
</div>

在网站页面上，它看起来像一个盒子里的图标，页面上有多个盒子，每个盒子都包含许多不同的图标。问题是，图标在框中占用了太多空间，所以我想为每个框添加一个滚动条，以便所有图标和框都能很好地适应屏幕。

感谢任何帮助，因为我是菜鸟，请不要让我觉得太复杂。感谢您提供的所有帮助。

Answer 1

你需要设置元素溢出的地址

#box{
width:XXpx;
height:XXpx;
overflow:scroll;
}

这将在您的框中放置一个滚动条