极客观点
研发管理
HarmonyOS
有个图片 images/book1.jpg 维度是124*175
<html>
<style type="text/css">
div{
width:124px;
height:175px;
border:1px solid red;}
</style>
<div>
<img src="images/book1.jpg"/></div>
</html>
效果如下，此时
下面增加img的padding:20px
<html>
<style type="text/css">
div{
width:124px;
height:175px;
border:1px solid red;}
img{
padding:20px;}
</style>
<div>
<img src="images/book1.jpg"/></div>
</html>
此时效果如图
如何写，可以使得div的大小可以自动变成：
测试过了，div不可以写成
div{
overflow:auto;
zoom:1;
border:1px solid red;}
宽度会撑满整个body.
我没看懂，我理解的是你打算让div的宽度去适应img的宽度。