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

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

clipboard.png

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

clipboard.png

阅读 3.9k
3 个回答

css选择器:

#div1 ul li img{
    width:px;
    height:px;
}

因为你的图片宽度大小实际上比你设置li为120px要宽,150px要高,给图片加上一个高宽100%的样式,就会根据父元素设置的高宽显示

#div1 ul li img{
    width: 100%;  
    height: 100%;
}
 #div1 ul li img{
    width: 120px;
    height: 150px;
 }

或者

#div1 ul li img{
  width: 100%;
  height: 100%
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题