前端那些经常被忽视而真实存在的小问题

1. img 在 div 总有那几个像素的高度不能完全填充的问题（前提是不设置 div 宽高）。解决办法是：给 img 加个 display: block 即可。

<style>
  .div1 {
    background: red;
  }
  .div1 img {
    width: 100px;
    height: 100px;
    /* display: block 加上即可解决 */
  }
</style>

<div class="div1">
  <img src="./images/pic.jpg"/>
</div>

不定时更新！