auto与100%的区别

Question

在login页面中关于商标的部分：

& > .container {

    height: 113px;

    a {

      display: inline-block;

      height: 113px;

      img {

        width: 100%;

        height: 100%;

      }

    }

  }

此时img盒子为200px 但是将width设为auto后变为230.6px怎么回事？

Answer 1

河畔一角 2020-02-15 16:06:01

我这儿测试，如果你把a标签设置为行内块状，那么图片宽度设置为auto，图片会显示200，并不会显示230，

左上角显示的是200px

• 提问者 幕布斯614337 #1

  那auto和100%有什么区别吗？

• 河畔一角 回复 提问者 幕布斯614337 #2

  有区别的。auto一般适配自身尺寸，而100%就会按照父容器的尺寸撑满。如果你a标签设置block，你试试100%