<div> 周围有错误的虚线轮廓

Question

如果你click here，然后点击link "A new article"然后回到上一页（浏览历史上一页），你会看到这个：

为什么这个奇怪的虚线多边形 form/geometry？如何让它变成矩形？

代码看起来很正常：

<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;">

<div> 周围有错误的虚线轮廓

Wrong dashed outline around a <div>

html

css

border

outline