关于图片宽高设定的问题

关于图片宽高设定的问题

1. 图片的宽度设定为100%是相对于父级元素宽度的100%吗?如果父级元素没有设定宽度的话是显示图片本身的宽度吗?

2. 下面图片中父元素都没有设定宽高,只设定宽度为100%图片能正常显示,只设定高度为100%,图片为什么显示不出来啊?

http://img1.sycdn.imooc.com//climg/5eaab4ae0800e0f414570686.jpg

http://img1.sycdn.imooc.com//climg/5eaab57e08b0a2bb19200942.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学,你好。是可以修改第二个类中图片的高度的,同学可以将代码提供下,方便更好的为您解决

http://img1.sycdn.imooc.com//climg/5eb131ed09fbfc2a07360413.jpg

如果解决了你的疑惑,请采纳!祝学习愉快~~~~

好帮手慕觉浅 2020-05-01 11:24:56

同学你好:

  1. 设置长宽为100%是相对于父元素长宽的100%。如果父元素没有设置宽度则按该元素的上级中有设置宽度的元素设置,如果都没有设置则按自身宽度来算。

  2. 老师也做了相同测试:

    http://img1.sycdn.imooc.com//climg/5eab95fd096ae20808500506.jpg

    但是发现图片是可以显示的:

    http://img1.sycdn.imooc.com//climg/5eab963b099795bb13660624.jpg

如果解决了你的疑惑,请采纳,祝学习愉快~ 


  • 提问者 慕勒1399825 #1
    图片正常显示了,但是改变第一个类中图片的宽度,图片显示效果会有变化,而改变第二个类中图片的高度,图片的显示效果为什么不变呢?
    2020-05-02 10:44:54
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.从网页搭建入门Python Web
  • 参与学习           人
  • 提交作业       218    份
  • 解答问题       3562    个

本阶段带你用Python开发一个网站,学习主流框架Django+Flask是Python Web开发的第一步,在基础知识上实现积分商城的项目开发,体验真实的项目开发流程,提高解决编程问题和效率的能力。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师