在开发网页时，有时候需要将一个内容区域包裹在一个div中，并设置一个固定的高度。但是，当内容过多时，我们希望只出现上下滚动条，而不是左右滚动条。那么该如何实现呢？

我们可以使用CSS的overflow属性。

首先，在HTML中创建一个div，并给它设置一个固定的高度：

    <div class="scrollable">
        <p>这里是一些很长的文本……</p>
        <p>这里是一些很长的文本……</p>
        <p>这里是一些很长的文本……</p>
        <p>这里是一些很长的文本……</p>
        <p>这里是一些很长的文本……</p>
        <p>这里是一些很长的文本……</p>
    </div>

接下来，在CSS中，我们将对这个div进行设置：

    .scrollable {
        height: 200px; /* 设置div的高度 */
        overflow: auto; /* 设置滚动条 */
    }

其中，overflow属性共有4个值，默认为visible。在此处，我们使用了auto，表示当内容超过div的高度时，会出现滚动条。

现在，当div里的内容超出200px的高度时，会自动出现上下滚动条，在内容不足时则隐藏滚动条。

总的来说，CSS的overflow属性是日常开发中非常有用的工具，能够帮助我们处理各种页面布局及内容排版问题。在开发时，不妨多多尝试使用它，让我们的网页变得更加美观、舒适。