我们离完成网站代码片段区域主页的构建已经非常接近了。接下来，我们将开始调整一些细节，并使更多内容成型。
我们遇到了一种奇怪的情况，绝对定位的伪元素对负左外边距没有反应，但对正右外边距却正常工作。真是令人意想不到。
然后，我们开始为代码片段类别的左侧菜单创建“active”类。一次只能浏览其中一个类别（在右侧查看相关代码片段列表）。例如，如果“HTML”处于活动状态，而您点击“CSS”，则右侧将显示仅包含与 CSS 相关的代码片段的新列表。需要进行一些样式设置来显示哪个类别处于活动状态。更改活动类上的 z-index 就足以满足我们的需求（使其位于阴影之上）。
对于右侧的列表，使用 `display: block` 来显示链接很诱人，但这样可点击区域就显得有点过大了。乍一看可能觉得奇怪，但我认为这是真的。您不希望在链接文本周围很远的地方意外点击就激活该链接。这会让人感到意外和奇怪。因此，链接本身可以设置为 `inline-block`，以便可以添加一些内边距，但不会像其所在的列表项那样填充整个宽度。
对于链接本身，我们认为将代码片段标题的颜色设置为其所属类别的颜色过于强烈。相反，链接将显示为灰色，但鼠标悬停时颜色可以变成特殊颜色。
我们还认为，目前的一列直线列表可以满足需求，但如果滚动变得过于频繁，也许将来可以将其分成两列，以缩短长度。