测试你的技能：溢出

此技能测试的目的是评估你是否理解CSS 中的溢出以及如何管理它。

注意：你可以在此页面上的交互式编辑器中或在线编辑器（如CodePen、JSFiddle或Glitch）中尝试解决方案。

如果您遇到困难，可以通过我们的沟通渠道联系我们。

任务 1

在这个任务中，内容溢出了盒子，因为盒子高度固定。保持高度，但仅当文本足够多导致溢出时才使盒子出现滚动条。通过从 HTML 中删除一些文本进行测试，如果只有少量文本不会溢出，则不会出现滚动条。

A small box with a border and a vertical scrollbar.

尝试更新下面的实时代码以重现完成的示例。

下载此任务的起始点，以便在您自己的编辑器或在线编辑器中进行编辑。

任务 2

在这个任务中，盒子中有一张图像，其尺寸大于盒子，因此会明显溢出。将其更改为隐藏盒子外部的任何图像。

您的最终结果应如下面的图像所示。

A box with an image which fills the box but does not spill out the edges.

尝试更新下面的实时代码以重现完成的示例。

下载此任务的起始点，以便在您自己的编辑器或在线编辑器中进行编辑。