当A、B两个元素,A包含img,B的宽度是100%,A设置固定宽度,与实际像素差别很大的解决方案: /* https://www.imooc.com/article/258804 */ //方案1: A{ flex-shrink: 0; //兼容性 IE11+ } //方案2: 在父元素没有设置高度的情况下,给图片设置 height: 100%;