html - inline-block 在 Chrome 中与容器的边框重叠

Question

为什么 inline-block 在以下测试用例中与 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

Answer 1

其实我找到了bug report .

如果您遇到同样的情况，请给这个问题加注星标。