auto与100%的区别

来源：6-1 登录交互实现

幕布斯614337

2020-02-15

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

& > .container {

height: 113px;

a {

display: inline-block;

height: 113px;

img {

width: 100%;

height: 100%;

}

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

写回答

1回答

河畔一角

2020-02-15

我这儿测试，如果你把a标签设置为行内块状，那么图片宽度设置为auto，图片会显示200，并不会显示230，
//img1.sycdn.imooc.com/szimg/5e47a668089c740515011501.jpg
左上角显示的是200px

河畔一角

幕布斯614337

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

2020-02-15

共2条回复

Vue全家桶实战从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统，真实服务端数据对接，高实用性

2560 学习 · 1309 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1