在<img>中修改样式跟在css中修改的样式不一样

Question

手贱试了试把在<li><img ...></li>里面的样式加了进css中li里面 但是发现显示出来就不一样了，请问这是怎么回事啊
上程序图：

效果图：红框里面的照片不能完全显示出来

Answer 1

因为你的图片宽度大小实际上比你设置li为120px要宽，150px要高，给图片加上一个高宽100%的样式，就会根据父元素设置的高宽显示#div1&nbsp;ul&nbsp;li&nbsp;img{&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;100%;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100%; }