在下面的测试用例中,为什么内联块会在chrome中重叠容器的底部边框?
HTML格式:

<ul>
  <li><a href="">test</a></li>
  <li><a href="">test</a></li>
  <li><a href="">test</a></li>
</ul>

CSS:
ul {
  border-bottom: 1px solid red;
  font-size: 12px;
}
li a {
  display: inline-block;
  padding: 0.4em;
  background: yellow;
}

测试用例:
http://cssdeck.com/labs/5vu2eue5

最佳答案

实际上,我发现了bug report
如果你有同样的经历,请把这个问题写出来。

10-05 20:59
查看更多