如何让父元素自适应子元素的大小？_html/css_WEB-ITnose

有个图片 https://www.gxlcms.com/images/book1.jpg 维度是124*175




效果如下，此时


下面增加img的padding:20px




此时效果如图

如何写，可以使得div的大小可以自动变成：


测试过了，div不可以写成
div{
overflow:auto;
zoom:1;
border:1px solid red;
}
宽度会撑满整个body.

回复讨论(解决方案)

div{display:inline-block;
border:1px solid red;padding:20px;
}