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

有个图片  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;
}