div内嵌img不能铺满,下面总是差2~3个像素的样子

如图,下面会差几个像素,不能铺满,不知道为什么
图片描述

<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width">
    <style>
        body {
            margin: 0px;
        }
        
        .mydiv {
            margin: 0px;
            padding: 0px;
            background-color:red;
        }
        
        /* 并不管用~~~ */
        img {
            margin: 0px;
            padding: 0px;
            border: 0;
        }
        
    </style>
</head>

<body>
    <div>
        <div class="mydiv">
            <img style="width:50%; height:50%;" src="https://pic1.zhimg.com/ebc32f948791723318187a0f34994c34_xll.jpg">
        </div>
    </div>
</body>

</html>
阅读 4.3k
3 个回答

image 设置display: block或者vertical-align: middle

我一般给div设置div font-size:0;可以解决

推荐问题