html - 如何在顶部放置边框？

Question

应该很简单，但我不知道怎么做。我想要的是 .current 类向导航菜单中的当前列表项添加边框。

我已经这样做了(参见示例:http://codepen.io/anon/pen/jARqOr) 但我想让边框与标题的顶部对齐，就像这个图像(红色边框):

我应该怎么做才能得到这个结果？

期待您的回复。

谢谢。

Answer 1

我不确定这是否是最佳解决方案，但这行得通:

ul li a.current {
  padding-top: 50px;
  margin-top: -55px;
}

将 margin-top 设置为 -55px(标题填充的负值)将其带到顶部，然后添加 50px 的 padding-top(边框为 55px - 5px)使文本向下对齐其他 anchor 元素。

此解决方案的一个问题是 .current anchor 上方的所有空间都是可点击区域的一部分。