#037：构建搜索，第三部分

我们还需要做一些工作来完成搜索区域。

我们稍微偏离了一下主题，因为我注意到我们还没有为页面包装添加三维堆叠效果，所以我们添加了它并更改了颜色。

然后我们处理“在以下位置搜索”区域，这些区域是您可以点击的小链接，用于根据网站的哪个区域缩小搜索范围。稍后我们将使其真正发挥作用，但我们将在此处设置其 UI。链接为浅蓝色，但“选中”的链接变为白色并带有下划线，这足以提供关于哪个链接被选中的反馈。

我们还添加了一个✕字符（我们从CopyPasteCharacter获取），作为一个您可以点击（或轻触）以关闭搜索区域的小链接。

一旦我们完成了所有设计，我们发现打开和关闭搜索区域有点笨拙。当打开的搜索区域暂时变窄时，内容会暂时包裹自身。为了解决这个问题，我们确保使用white-space: nowrap;不会发生任何包裹，并使用oveflow: hidden;确保没有任何内容出现奇怪的突出。

最后我说我们将创建搜索引擎，但我们实际上并没有在接下来做，这将在视频#094左右出现。