如何在一盒信息中添加滚动条?

时间:2013-12-13 03:16:32

标签: html css

我不是很擅长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>

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

任何帮助都表示赞赏,因为我是菜鸟,请不要让它变得复杂。感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

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

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

这会在你的框中放置一个滚动条