html - 周围有错误的虚线轮廓

Question

如果你click here ，然后点击链接“A new article”然后回到上一页(浏览器历史上一页)，你会看到这个:

为什么会出现这种奇怪的虚线多边形/几何图形？如何让它变成矩形？

代码看起来很正常:

<div class="article">
  <a href="article/coolarticle">
    <h2 class="articletitle">A new article</h2>
    <div class="articleinfo">by Jo, on 2015 April 10th</div>
  </a>
  ...
</div>

Answer 1

将以下样式应用于 a 标签应使轮廓成为矩形:

<a href="article/coolarticle" style="display:block;">