父盒子包子盒子，子盒子设置宽高100%无法填满父盒子

100%页面缩放时，左和上出现缝隙

125%页面缩放时，左和上出现缝隙

用了别人的电脑试了，也是会有缝隙，但是出现缝隙时候的页面缩放比例和我的不太一样，我们都是谷歌浏览器，显示器大小都是15.6寸

代码如下

* {
    margin: 0;
    padding: 0;
}
.father {
    margin: 100px auto;
    width: 500px;
    height: 500px;
    border: 10px solid red;
    font-size: 0;
}
.son {
    width: 100%;
    height: 100%;
    background: red;
}

<div class="father">
    <div class="son"></div>
</div>

可以看下这篇文章

CSS-父盒子跟子盒子之间的缝隙问题_Fky_mie的博客-CSDN博客父盒子跟子盒子之间的缝隙问题Remove single pixel gap between child and parent div即使给父子盒子设置相同大小, 给子盒子填色后会发现随着浏览器窗口缩放, 父子盒子之间有个小缝隙.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &

https://blog.csdn.net/Fky_mie/article/details/115116747

某东官网也存在同样的问题，你可以使用某宝官网用拼接方式, 效果要好