image 的width 并没有 随设置 img 的padding，margin 变化 什么css？

<view class="img">
<image mode="widthFix"src="https://www.jss88.com.cn/wp-content/plugins/fanli_changtj/images/wemp/user/question/jingDongCaoZuo/1.png"role="img"></image>
</view>

.img, image { width:100%; display:block}

img{ padding:10%; margin:10%;}

---

image 的width 并没有 随设置 img 的padding，margin 变化 什么css可以使之变化？