[CSS]关于<img>标签距离底部盒子5px的问题-526互联

问题描述：在某个盒子内部放入一个<img>标签，不写样式的情况下，<img>总是和父盒子有5px空隙。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>清除图片多5px问题</title>
        <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .img-container{
            /*设置盒子背景颜色*/
            background-color: lightblue;
        }
        img{
            /*设置图片高度，宽度*/
            height: 700px;
            width: 100%;
        }
    </style>
    <body>
        <div class="img-container">
            <img src="../image/1.jpg" alt="">
        </div>
    </body>
</html>